https://docs-old.ckeditor.com/index.php?action=history&feed=atom&title=FCKeditor_2.x%2FDevelopers_Guide%2FConfiguration%2FConfiguration_Options%2FEditorAreaStyles 2026-05-12T19:02:19Z Revision history for this page on the wiki MediaWiki 1.29.1 https://docs-old.ckeditor.com/index.php?title=FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options/EditorAreaStyles&diff=2104&oldid=prev 2008-02-26T17:27:14Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 17:27, 26 February 2008</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">== </del>EditorAreaStyles <del class="diffchange diffchange-inline">==</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">You can precisely simulate the output of your site inside FCKeditor, including background colors, font styles and sizes. The '''</ins>EditorAreaStyles<ins class="diffchange diffchange-inline">''' option is similar to [[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/EditorAreaCSS|EditorAreaCSS]]. The difference is that you define your custom style inside the configuration file or inline in the page when creating the editor instance. </ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">You can precisely simulate the output of your site inside FCKeditor, including background colors, font styles and sizes. The '''EditorAreaStyles''' option is similar to [[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/EditorAreaCSS|EditorAreaCSS]]. The difference is that you define your custom style inside the configuration file. </del>For example:</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>For example:</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;pre&gt;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;pre&gt;FCKConfig.EditorAreaStyles = 'body { color: Grey } h1 { color: Orange }';</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>FCKConfig.EditorAreaStyles = 'body { color: Grey } h1 { color: Orange }';</div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/pre&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/pre&gt;</div></td></tr> <!-- diff cache key ckeditor_docsold:diff:version:1.11a:oldid:1858:newid:2104 --> </table>

Fredck https://docs-old.ckeditor.com/index.php?title=FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options/EditorAreaStyles&diff=1858&oldid=prev 2008-01-22T13:15:25Z

<p>New page: == EditorAreaStyles == You can precisely simulate the output of your site inside FCKeditor, including background colors, font styles and sizes. The &#039;&#039;&#039;EditorAreaStyles&#039;&#039;&#039; option is simila...</p> <p><b>New page</b></p><div>== EditorAreaStyles ==<br /> <br /> You can precisely simulate the output of your site inside FCKeditor, including background colors, font styles and sizes. The '''EditorAreaStyles''' option is similar to [[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/EditorAreaCSS|EditorAreaCSS]]. The difference is that you define your custom style inside the configuration file. For example:<br /> &lt;pre&gt;<br /> FCKConfig.EditorAreaStyles = 'body { color: Grey } h1 { color: Orange }';<br /> &lt;/pre&gt;</div>

W.olchawa