X-Git-Url: https://scm.cri.ensmp.fr/git/ckeditor.git/blobdiff_plain/256592bf803e851aa7fc953e08a6e9e58d970f8c..871bad8291b6dbc29d489d95d185458caab25158:/skins/ckeditor/_samples/ui_color.html diff --git a/skins/ckeditor/_samples/ui_color.html b/skins/ckeditor/_samples/ui_color.html new file mode 100644 index 0000000..78e0104 --- /dev/null +++ b/skins/ckeditor/_samples/ui_color.html @@ -0,0 +1,129 @@ + + + +
+
+ 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. +
++ The first editor instance includes the UI Color Picker toolbar button, + but the default UI color is not defined, so the editor uses the skin color. +
+ + + +