Colors in ckeditor?

[sappel]

​Hello everybody,

​
I guess an easy question for you gusys: How can I configure ckeditor to look like here in the Forums?
Actually I only need Text Color right now, but I don't know what kind of values I can add to the body input field. ckeditor toolbar settings look like the right place, I just don't know the options...

[kixe]

This option is not included in core. 4 steps to get this option:

1. Download CK Editor Plugin from here: http://ckeditor.com/addon/colorbutton
2. Place the plugin-folder in /site/modules/InputfieldCKEditor/plugins/colorbutton/
3. Enable Plugin in Fieldsettings of the TextareaField under the Input Tab -> Plugins (checkbox)
4. Add 'TextColor' to the CKEditor Toolbar

This procedure is similar to any other plugin you want to use.

Edit: Thanks Macrura (next post)

Edited June 6, 2016 by kixe

[Macrura]

actually this is in the core, all you need to do is add these to your toolbar (you don't need to add any plugins):

so where your first line would look like this out of the box:

Format, Bold, Italic, -, RemoveFormat

you can change it to be like this:

Format, Bold, Italic, Underline, -, RemoveFormat, -, TextColor, BGColor

[sappel]

aahh, TextColor and BGColor, thanks alot!

[kixe]

@Macrura
Thanks for pointing this out. I couldn't find a documentation, about toolbar items available within processwire. I tried all of the CKEditor fullpackage and all items are usable. Here a complete list:

Source, Save,NewPage, Preview, Print, Templates
Cut, Copy, Paste, PasteText, PasteFromWord, -, Undo, Redo
Find, Replace, -, SelectAll, -, Scayt
Form, Checkbox, Radio, TextField, Textarea, Select, Button, ImageButton, HiddenField
Bold, Italic, Underline, Strike, Subscript, Superscript, -, RemoveFormat
NumberedList, BulletedList, -, Outdent, Indent, -, Blockquote, CreateDiv, -, JustifyLeft, JustifyCenter, JustifyRight, JustifyBlock, -, BidiLtr, BidiRtl, Language
Link, Unlink, Anchor
Image, Flash, Table, HorizontalRule, Smiley, SpecialChar, PageBreak, Iframe
Styles, Format, Font, FontSize
TextColor, BGColor
Maximize, ShowBlocks
About

[Macrura]

awesome thanks for putting that together, i think this should go on recipes site, in fact it would be cool if there were a module that could let users setup toolbars in a graphical ui, eventually...

for now maybe there could be some pre-defined sets that users could copy/paste, like "kitchen sink" (attr Wordpress)...