wagtailrichtextcolourpicker 0.1.1

Wagtail text colour picker for DraftJS, with support for Wagtail > 5.2

Wagtail Colour Picker

A colour picker for Wagtail's DraftJS editor. Original repo Forked repo

Installation

pip install wagtailrichtextcolourpicker

Setup

Add colorpicker and wagtailcolourpicker to INSTALLED_APPS in your settings. Ensure this is added after you have added all other django/wagtail modules.

   INSTALLED_APPS = [
      ...
       'colorpicker'
       'wagtailcolourpicker',
      ...
   ]

Settings

Picker icon setting

WAGTAILCOLOURPICKER_ICON = ['...']

Use an icon name from the wagtail registered icon list or an array of strings to use SVG paths for a 1024x1024 viewbox. Example(right above inline styles scroll up)

Models

To add a color, go to Snippets -> Color

All added colors are then registered to the richtext features.

Screenshots

.. figure:: http://wagtailcolourpicker.readthedocs.io/en/latest/_images/screen_1.png :width: 728 px

Picker

Selected Text

Example app

• Clone the repo

  git clone https://github.com/A-Amen/asdmenon-wagtailcolourpicker.git
  

• Install dependencies

  pip install -r requirements.txt'
  

• Migrate

  python manage.py migrate
  

• Create a superuser

   python manage.py createsuperuser
  

• Then runserver.

  python manage.py runserver
  

Go to http://127.0.0.1:8000/admin and add a new Basic page to test your changes.

Example site with docker

Clone the repo

git clone https://github.com/A-Amen/asdmenon-wagtailcolourpicker.git

Run the docker container

   cd wagtailcolourpicker
   docker-compose up

Create yourself a superuser

    docker-compose exec app bash
    python manage.py createsuperuser

Go to http://127.0.0.1:8000/admin and add a new basic page