Opened 7 years ago

Last modified 3 years ago

#11679 confirmed Bug

Color buttons can't be customized — at Version 4

Reported by: Jakub Ś Owned by:
Priority: Normal Milestone:
Component: General Version: 3.0
Keywords: Cc:

Description (last modified by Jakub Ś)

  1. Insert below code on page and into contents.css
    var editor = CKEDITOR.replace( 'editor1', {		
    				//allowedContent : true,
    				colorButton_colors : 'highlight_yellow/FFFF00',
    				colorButton_backStyle : {
    					element : 'span',
    					attributes : {
    						'class' : '#(color)',
    						'element' :'#(color)'
    //in contents.css
    	background-color: #FFFF00;
  2. Refresh the cache.
  3. Highlight the word and change its color to Yellow.


  1. If you use custom color for which translation is not defined in language file e.g. 'Green1/3A9D23' then you will see green square in color button dropdown panel but its label is '3A9D23'. Maybe I'm wrong here but I would expect label to be displayed as 'Green1'. Again I may be wrong here.
  1. The 'Green1' is used for styling text you select but it has no effect. Such style <span style="color:highlight_yellow">item 2</span> is not recognized thus it looks like text is not styled.
  1. With ACF enabled, once you switch to source and back, span will be removed and it shouldn't be. This part is reproducible from CKEditor 4.1.
  1. You can't change this color to automatic with such configuration. This part can be reproduced from CKEditor 3.0.

Change History (4)

comment:1 Changed 7 years ago by Jakub Ś

Status: newconfirmed

comment:2 Changed 7 years ago by Piotrek Koszuliński

Yup. This is beyond ACF's ability to understand such styles (using placeholders). The integration would have to come from colorbutton plugin itself.

comment:3 Changed 4 years ago by Jakub Ś

Other tickets that fall under Select "Color Dialog Problems / Enchancements":
#8706, #8698, #8519, #8679, #8523, #8218, #8701, #4994, #5960, #5597, #11679, #14838.

Last edited 4 years ago by Jakub Ś (previous) (diff)

comment:4 Changed 4 years ago by Jakub Ś

Description: modified (diff)
Note: See TracTickets for help on using tickets.
© 2003 – 2020 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy