https://github.com/kitconcept/volto-text-with-background-color-block

https://github.com/kitconcept/volto-text-with-background-color-block

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/kitconcept/volto-text-with-background-color-block
• Owner: kitconcept
• License: mit
• Created: 2022-03-24T08:45:22.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-04-25T09:16:37.000Z (about 3 years ago)
• Last Synced: 2025-03-09T23:32:11.505Z (3 months ago)
• Language: JavaScript
• Size: 2.16 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-volto - volto-text-with-background-color-block

README

        
# Volto Text With Background Color Block

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-text-with-background-color-block.svg)](https://www.npmjs.com/package/@kitconcept/volto-text-with-background-color-block)

[![Build Status](https://github.com/kitconcept/volto-text-with-background-color-block/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-text-with-background-color-block/actions)

[![Build Status](https://github.com/kitconcept/volto-text-with-background-color-block/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-text-with-background-color-block/actions)

[![Build Status](https://github.com/kitconcept/volto-text-with-background-color-block/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-text-with-background-color-block/actions)

![kitconcept GmbH](https://github.com/kitconcept/volto-blocks/raw/master/kitconcept.png)

The Volto Text With Background Color Block allows editors to add text with a background color to a Volto page.

## Screenshot

![Text-With-Background-Color-Block](https://github.com/kitconcept/volto-text-with-background-color-block/raw/master/screenshot.png)

## Screencast

![Text-With-Background-Color-Block](https://github.com/kitconcept/volto-text-with-background-color-block/raw/master/screencast.gif)

## Installation

Create a new Volto project (you can skip this step if you already have one):

```

npm install -g yo @plone/generator-volto

yo @plone/volto my-volto-project --addon @kitconcept/volto-text-with-background-color-block

cd my-volto-project

```

Add `@kitconcept/volto-text-with-background-color-block`to your package.json:

```

"addons": [

    "@kitconcept/volto-text-with-background-color-block"

],

"dependencies": {

    "@kitconcept/volto-text-with-background-color-block": "*"

}

```

Download and install the new add-on by running:

```

yarn install

```

Start Volto with:

```

yarn start

```

Go to http://localhost:3000, login, create a new page. The text with background color block will show up in the Volto blocks chooser.

# Credits



The development of this plugin has been kindly sponsored by [Forschungszentrum Jülich](https://fz-juelich.de).

# License

The project is licensed under the MIT license.