You are here

Home » API reference » CKEditor Color Button 8

README.txt in CKEditor Color Button 8 

CKEditor Color Button

Installation
============

This module requires the core CKEditor module and also the Color Button plugin
from CKEditor.com.

1. Download the plugin from http://ckeditor.com/addon/colorbutton at least
version 4.5.6.
2. Place the plugin in the root libraries folder (/libraries).
3. Enable Color Button module in the Drupal admin.
4. Configure your CKEditor toolbar to include the button (either text or
background color, or both).
5. You can enter a list of hex values to support to limit the user on what
colors they can use. Leave blank to use the default values from the plugin.

Follow these steps to make sure the plugin works for Basic HTML text format:

1. Drag the button from the toolbar to the active items
2. Make sure you add the style attribute to span tag from the list of allowed
html tags, see example what you need to add - "<span style>".

Note: Both buttons are using inline CSS styles to style the content, so they
will work only in text formats where HTML Filter ("Limit allowed HTML tags")
is not enabled.

File

README.txt
View source 
  1. CKEditor Color Button

  2. 

  3. Installation

  4. ============

  5. 

  6. This module requires the core CKEditor module and also the Color Button plugin

  7. from CKEditor.com.

  8. 

  9. 1. Download the plugin from http://ckeditor.com/addon/colorbutton at least

  10. version 4.5.6.

  11. 2. Place the plugin in the root libraries folder (/libraries).

  12. 3. Enable Color Button module in the Drupal admin.

  13. 4. Configure your CKEditor toolbar to include the button (either text or

  14. background color, or both).

  15. 5. You can enter a list of hex values to support to limit the user on what

  16. colors they can use. Leave blank to use the default values from the plugin.

  17. 

  18. Follow these steps to make sure the plugin works for Basic HTML text format:

  19. 

  20. 1. Drag the button from the toolbar to the active items

  21. 2. Make sure you add the style attribute to span tag from the list of allowed

  22. html tags, see example what you need to add - "".

  23. 

  24. Note: Both buttons are using inline CSS styles to style the content, so they

  25. will work only in text formats where HTML Filter ("Limit allowed HTML tags")

  26. is not enabled.