X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;ds=sidebyside;f=_samples%2Fui_color.html;h=78e0104899d1336e2da09d76ef3e2615283a0f20;hb=48b1db88210b4160dce439c6e3e32e14af8c106b;hp=497e625014429e8bf460f56c5fd80bb462efadee;hpb=7cd80714081a8ffdf4a1a8d2c72f120ed5ef3d6d;p=ckeditor.git diff --git a/_samples/ui_color.html b/_samples/ui_color.html index 497e625..78e0104 100644 --- a/_samples/ui_color.html +++ b/_samples/ui_color.html @@ -1,20 +1,53 @@
-
+ This sample shows how to automatically replace <textarea>
elements
+ with a CKEditor instance with an option to change the color of its user interface.
+
+ To specify the color of the user interface, set the uiColor
property:
+
CKEDITOR.replace( 'textarea_id', + { + uiColor: '#EE0000' + });+
+ Note that textarea_id
in the code above is the id
attribute of
+ the <textarea>
element to be replaced.
+
+ If the uicolor plugin along with the dedicated UIColor + toolbar button is added to CKEditor, the user will also be able to pick the color of the + UI from the color palette available in the UI Color Picker dialog window. +
++ To insert a CKEditor instance with the uicolor plugin enabled, + use the following JavaScript call: +
+CKEDITOR.replace( 'textarea_id', + { + extraPlugins : 'uicolor', + toolbar : [ [ 'Bold', 'Italic' ], [ 'UIColor' ] ] + });+
Click the UI Color Picker button to test your color preferences at runtime.
- + //]]> + + ++ +
+