text: Ext.data.JsonP.skin_sdk_chameleon({"guide":"<!--\nCopyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\nFor licensing, see LICENSE.md.\n-->\n\n\n<h1 id='skin_sdk_chameleon-section-the-%22chameleon%22-feature'>The \"Chameleon\" Feature</h1>\n\n<p>One nice feature of CKEditor is its flexibility to easily match a website color scheme by simply setting the <a href=\"#!/api/CKEDITOR.config-cfg-uiColor\" rel=\"CKEDITOR.config-cfg-uiColor\" class=\"docClass\">CKEDITOR.config.uiColor</a> configuration option. While the Barbie site would set it to\n<code style=\"background:#F59FC6\">#F59FC6</code>, Ninja Turtles would prefer <code style=\"background:#B1CC3D\">#B1CC3D</code>.</p>\n\n<p>The core editor API controls the input of the preferred color, but it is the skin job to tell it how to change the color. This is because the skin itself defines where and how to use colors.</p>\n\n<p>For that purpose, the <a href=\"#!/api/CKEDITOR.skin-method-chameleon\" rel=\"CKEDITOR.skin-method-chameleon\" class=\"docClass\">CKEDITOR.skin.chameleon</a> function must be defined in the <code>skin.js</code> file. Please check the <a href=\"#!/guide/skin_sdk_intro-section-2\">Moono skin</a> files for full details.</p>\n\n<p>Note that adopting this feature is totally optional. A skin developer may decide to have a fixed color and not give the skin users any possibility to change it. This approach is not recommended, but if it is used, it is enough to set the <a href=\"#!/api/CKEDITOR.skin-method-chameleon\" rel=\"CKEDITOR.skin-method-chameleon\" class=\"docClass\">CKEDITOR.skin.chameleon</a> property to <code>null</code> in the <code>skin.js</code> file:</p>\n\n<pre><code><a href=\"#!/api/CKEDITOR.skin-method-chameleon\" rel=\"CKEDITOR.skin-method-chameleon\" class=\"docClass\">CKEDITOR.skin.chameleon</a> = null;\n</code></pre>\n\n<p>Or, for compatibility with older versions of CKEditor (prior to 4.4.7), set it to a function that returns an empty string:</p>\n\n<pre><code><a href=\"#!/api/CKEDITOR.skin-method-chameleon\" rel=\"CKEDITOR.skin-method-chameleon\" class=\"docClass\">CKEDITOR.skin.chameleon</a> = function() {\n    return '';\n};\n</code></pre>\n","title":"\"Chameleon\" Feature","meta_description":"Information about CKEditor \"chameleon\" feature.","meta_keywords":"ckeditor, editor, wysiwyg, skin, skins, tutorial, sample, sdk, example, development, chameleon, color, colour, ui, interface"});