Jump to content

Colors in ckeditor?


sappel
 Share

Recommended Posts

​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...

  • Like 1
Link to comment
Share on other sites

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 by kixe
  • Like 1
Link to comment
Share on other sites

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
  • Like 9
Link to comment
Share on other sites

@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

post-1246-0-11171000-1465221048_thumb.jp

  • Like 8
  • Thanks 2
Link to comment
Share on other sites

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)...

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...