Opened 10 years ago
Last modified 6 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 )
- 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 .highlight_yellow{ background-color: #FFFF00; }
- Refresh the cache.
- Highlight the word and change its color to Yellow.
Results:
- 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.
- 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.
- 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.
- 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 10 years ago by
Status: | new → confirmed |
---|
comment:2 Changed 10 years ago by
comment:3 Changed 8 years ago by
comment:4 Changed 8 years ago by
Description: | modified (diff) |
---|
Yup. This is beyond ACF's ability to understand such styles (using placeholders). The integration would have to come from colorbutton plugin itself.