Ticket #6993: 6993.patch
File 6993.patch, 56.8 KB (added by , 13 years ago) |
---|
-
adobeair/sample.html
17 17 body { margin: 10px ; } 18 18 </style></head> 19 19 <body> 20 <h1 >20 <h1 class="samples"> 21 21 CKEditor - Adobe AIR Sample 22 22 </h1> 23 23 <p> … … 38 38 <div id="footer" style="position:absolute;bottom:0;left:0;right:0;width:100%;padding-bottom:10px;"> 39 39 <hr /> 40 40 <p> 41 CKEditor - The text editor for Internet - <a href="#" onclick="window.runtime.flash.net.navigateToURL(new window.runtime.flash.net.URLRequest('http://ckeditor.com/'));return false;">http://ckeditor.com</a>41 CKEditor - The text editor for Internet - <a class="samples" href="#" onclick="window.runtime.flash.net.navigateToURL(new window.runtime.flash.net.URLRequest('http://ckeditor.com/'));return false;">http://ckeditor.com</a> 42 42 </p> 43 43 <p id="copy"> 44 Copyright © 2003-2011, <a href="#" onclick="window.runtime.flash.net.navigateToURL(new window.runtime.flash.net.URLRequest('http://cksource.com/'));return false;">CKSource</a> - Frederico44 Copyright © 2003-2011, <a class="samples" href="#" onclick="window.runtime.flash.net.navigateToURL(new window.runtime.flash.net.URLRequest('http://cksource.com/'));return false;">CKSource</a> - Frederico 45 45 Knabben. All rights reserved. 46 46 </p> 47 47 </div> -
ajax.html
50 50 </script> 51 51 </head> 52 52 <body> 53 <h1 >53 <h1 class="samples"> 54 54 CKEditor Sample — Create and Destroy Editor Instances for Ajax Applications 55 55 </h1> 56 56 <div class="description"> … … 92 92 <div id="footer"> 93 93 <hr /> 94 94 <p> 95 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>95 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 96 96 </p> 97 97 <p id="copy"> 98 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico98 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 99 99 Knabben. All rights reserved. 100 100 </p> 101 101 </div> -
api.html
124 124 125 125 </head> 126 126 <body> 127 <h1 >127 <h1 class="samples"> 128 128 CKEditor Sample — Using CKEditor JavaScript API 129 129 </h1> 130 130 <div class="description"> 131 131 <p> 132 132 This sample shows how to use the 133 <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html">CKEditor JavaScript API</a>133 <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html">CKEditor JavaScript API</a> 134 134 to interact with the editor at runtime. 135 135 </p> 136 136 <p> … … 185 185 <div id="footer"> 186 186 <hr /> 187 187 <p> 188 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>188 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 189 189 </p> 190 190 <p id="copy"> 191 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico191 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 192 192 Knabben. All rights reserved. 193 193 </p> 194 194 </div> -
api_dialog.html
106 106 107 107 </head> 108 108 <body> 109 <h1 >109 <h1 class="samples"> 110 110 CKEditor Sample — Using CKEditor Dialog API 111 111 </h1> 112 112 <div class="description"> 113 113 <p> 114 114 This sample shows how to use the 115 <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.html">CKEditor Dialog API</a>115 <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.html">CKEditor Dialog API</a> 116 116 to customize CKEditor dialog windows without changing the original editor code. 117 117 The following customizations are being done in the example below: 118 118 </p> … … 191 191 <div id="footer"> 192 192 <hr /> 193 193 <p> 194 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>194 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 195 195 </p> 196 196 <p id="copy"> 197 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico197 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 198 198 Knabben. All rights reserved. 199 199 </p> 200 200 </div> -
asp/advanced.asp
20 20 <link href="../sample.css" rel="stylesheet" type="text/css"/> 21 21 </head> 22 22 <body> 23 <h1 >23 <h1 class="samples"> 24 24 CKEditor Sample 25 25 </h1> 26 26 <!-- This <div> holds alert messages to be display in the sample page. --> … … 94 94 <div id="footer"> 95 95 <hr /> 96 96 <p> 97 CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>97 CKEditor - The text editor for Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 98 98 </p> 99 99 <p id="copy"> 100 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico100 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 101 101 Knabben. All rights reserved. 102 102 </p> 103 103 </div> -
asp/events.asp
20 20 <link href="../sample.css" rel="stylesheet" type="text/css"/> 21 21 </head> 22 22 <body> 23 <h1 >23 <h1 class="samples"> 24 24 CKEditor Sample 25 25 </h1> 26 26 <!-- This <div> holds alert messages to be display in the sample page. --> … … 125 125 <div id="footer"> 126 126 <hr /> 127 127 <p> 128 CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>128 CKEditor - The text editor for Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 129 129 </p> 130 130 <p id="copy"> 131 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico131 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 132 132 Knabben. All rights reserved. 133 133 </p> 134 134 </div> -
asp/index.html
9 9 <link type="text/css" rel="stylesheet" href="../sample.css" /> 10 10 </head> 11 11 <body> 12 <h1 >12 <h1 class="samples"> 13 13 CKEditor Samples List for ASP — CKEditor Sample 14 14 </h1> 15 <h2 >15 <h2 class="samples"> 16 16 Overview 17 17 </h2> 18 18 <p>The ckeditor.asp file provides a wrapper to ease the work of creating CKEditor instances from classic Asp.</p> … … 27 27 <ol> 28 28 <li> 29 29 Create an instance of the CKEditor class: 30 <pre >dim editor30 <pre class="samples">dim editor 31 31 set editor = New CKEditor</pre> 32 32 </li> 33 33 <li> 34 34 Set the path to the folder where CKEditor has been installed, by default it will use /ckeditor/ 35 <pre >editor.basePath = "../../"</pre>35 <pre class="samples">editor.basePath = "../../"</pre> 36 36 </li> 37 37 <li> 38 38 Now use one of the three main methods to create the CKEditor instances: 39 <ul >39 <ul class="samples"> 40 40 <li> 41 41 Replace textarea with id (or name) "editor1". 42 <pre >editor.replaceInstance "editor1"</pre>42 <pre class="samples">editor.replaceInstance "editor1"</pre> 43 43 </li> 44 44 <li> 45 45 Replace all textareas with CKEditor. 46 <pre >editor.replaceAll empty</pre>46 <pre class="samples">editor.replaceAll empty</pre> 47 47 </li> 48 48 <li> 49 49 Create a textarea element and attach CKEditor to it. 50 <pre >editor.editor "editor1", initialValue</pre>50 <pre class="samples">editor.editor "editor1", initialValue</pre> 51 51 </li> 52 52 </ul> 53 53 </li> 54 54 </ol> 55 55 <p>Before step 3 you can use a number of methods and properties to adjust the behavior of this class and the CKEditor instances 56 56 that will be created:</p> 57 <ul >57 <ul class="samples"> 58 58 <li>returnOutput : if set to true, the functions won't dump the code with response.write, but instead they will return it so 59 59 you can do anything you want</li> 60 60 <li>basePath: location of the CKEditor scripts</li> … … 75 75 76 76 </ul> 77 77 78 <h2 >78 <h2 class="samples"> 79 79 Basic Samples 80 80 </h2> 81 <ul >82 <li><a href="replace.asp">Replace existing textareas by code</a></li>83 <li><a href="replaceAll.asp">Replace all textareas by code</a></li>84 <li><a href="standalone.asp">Create instances in asp</a></li>81 <ul class="samples"> 82 <li><a class="samples" href="replace.asp">Replace existing textareas by code</a></li> 83 <li><a class="samples" href="replaceAll.asp">Replace all textareas by code</a></li> 84 <li><a class="samples" href="standalone.asp">Create instances in asp</a></li> 85 85 </ul> 86 <h2 >86 <h2 class="samples"> 87 87 Advanced Samples 88 88 </h2> 89 <ul >90 <li><a href="advanced.asp">Advanced example</a></li>91 <li><a href="events.asp">Listening to events</a></li>89 <ul class="samples"> 90 <li><a class="samples" href="advanced.asp">Advanced example</a></li> 91 <li><a class="samples" href="events.asp">Listening to events</a></li> 92 92 </ul> 93 93 <div id="footer"> 94 94 <hr /> 95 95 <p> 96 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>96 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 97 97 </p> 98 98 <p id="copy"> 99 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.99 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved. 100 100 </p> 101 101 </div> 102 102 </body> -
asp/replace.asp
20 20 <link href="../sample.css" rel="stylesheet" type="text/css"/> 21 21 </head> 22 22 <body> 23 <h1 >23 <h1 class="samples"> 24 24 CKEditor Sample 25 25 </h1> 26 26 <!-- This <div> holds alert messages to be display in the sample page. --> … … 50 50 <div id="footer"> 51 51 <hr /> 52 52 <p> 53 CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>53 CKEditor - The text editor for Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 54 54 </p> 55 55 <p id="copy"> 56 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico56 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 57 57 Knabben. All rights reserved. 58 58 </p> 59 59 </div> -
asp/replaceall.asp
20 20 <link href="../sample.css" rel="stylesheet" type="text/css"/> 21 21 </head> 22 22 <body> 23 <h1 >23 <h1 class="samples"> 24 24 CKEditor Sample 25 25 </h1> 26 26 <!-- This <div> holds alert messages to be display in the sample page. --> … … 55 55 <div id="footer"> 56 56 <hr /> 57 57 <p> 58 CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>58 CKEditor - The text editor for Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 59 59 </p> 60 60 <p id="copy"> 61 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico61 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 62 62 Knabben. All rights reserved. 63 63 </p> 64 64 </div> -
asp/sample_posteddata.asp
12 12 <link type="text/css" rel="stylesheet" href="../sample.css" /> 13 13 </head> 14 14 <body> 15 <h1 >15 <h1 class="samples"> 16 16 CKEditor - Posted Data 17 17 </h1> 18 18 <table border="1" cellspacing="0" id="outputSample"> … … 29 29 %> 30 30 <tr> 31 31 <th><%=Server.HTMLEncode( sForm )%></th> 32 <td><pre ><%=Server.HTMLEncode( Request.Form(sForm) )%></pre></td>32 <td><pre class="samples"><%=Server.HTMLEncode( Request.Form(sForm) )%></pre></td> 33 33 </tr> 34 34 <% Next %> 35 35 </table> 36 36 <div id="footer"> 37 37 <hr /> 38 38 <p> 39 CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>39 CKEditor - The text editor for Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 40 40 </p> 41 41 <p id="copy"> 42 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.42 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved. 43 43 </p> 44 44 </div> 45 45 </body> -
asp/standalone.asp
20 20 <link href="../sample.css" rel="stylesheet" type="text/css"/> 21 21 </head> 22 22 <body> 23 <h1 >23 <h1 class="samples"> 24 24 CKEditor Sample 25 25 </h1> 26 26 <!-- This <div> holds alert messages to be display in the sample page. --> … … 61 61 <div id="footer"> 62 62 <hr /> 63 63 <p> 64 CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>64 CKEditor - The text editor for Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 65 65 </p> 66 66 <p id="copy"> 67 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico67 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 68 68 Knabben. All rights reserved. 69 69 </p> 70 70 </div> -
assets/_posteddata.php
12 12 <link type="text/css" rel="stylesheet" href="sample.css" /> 13 13 </head> 14 14 <body> 15 <h1 >15 <h1 class="samples"> 16 16 CKEditor — Posted Data 17 17 </h1> 18 18 <table border="1" cellspacing="0" id="outputSample"> … … 40 40 ?> 41 41 <tr> 42 42 <th style="vertical-align: top"><?php echo $sForm?></th> 43 <td><pre ><?php echo $postedValue?></pre></td>43 <td><pre class="samples"><?php echo $postedValue?></pre></td> 44 44 </tr> 45 45 <?php 46 46 } … … 49 49 <div id="footer"> 50 50 <hr /> 51 51 <p> 52 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>52 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 53 53 </p> 54 54 <p id="copy"> 55 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.55 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved. 56 56 </p> 57 57 </div> 58 58 </body> -
autogrow.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Using AutoGrow Plugin 21 21 </h1> 22 22 <div class="description"> … … 38 38 To add a CKEditor instance using the <strong>autogrow</strong> plugin and its 39 39 <code>autoGrow_maxHeight</code> attribute, insert the following JavaScript call to your code: 40 40 </p> 41 <pre >CKEDITOR.replace( '<em>textarea_id</em>',41 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 42 42 { 43 43 <strong>extraPlugins : 'autogrow',</strong> 44 44 autoGrow_maxHeight : 800 … … 96 96 <div id="footer"> 97 97 <hr /> 98 98 <p> 99 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>99 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 100 100 </p> 101 101 <p id="copy"> 102 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico102 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 103 103 Knabben. All rights reserved. 104 104 </p> 105 105 </div> -
divreplace.html
74 74 75 75 </head> 76 76 <body> 77 <h1 >77 <h1 class="samples"> 78 78 CKEditor Sample — Replace DIV with CKEditor on the Fly 79 79 </h1> 80 80 <div class="description"> … … 142 142 <div id="footer"> 143 143 <hr /> 144 144 <p> 145 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>145 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 146 146 </p> 147 147 <p id="copy"> 148 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico148 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 149 149 Knabben. All rights reserved. 150 150 </p> 151 151 </div> -
enterkey.html
39 39 </script> 40 40 </head> 41 41 <body> 42 <h1 >42 <h1 class="samples"> 43 43 CKEditor Sample — ENTER Key Configuration 44 44 </h1> 45 45 <div class="description"> 46 46 <p> 47 47 This sample shows how to configure the <em>Enter</em> and <em>Shift+Enter</em> keys 48 48 to perform actions specified in the 49 <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.enterMode"><code>enterMode</code></a>50 and <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.shiftEnterMode"><code>shiftEnterMode</code></a>49 <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.enterMode"><code>enterMode</code></a> 50 and <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.shiftEnterMode"><code>shiftEnterMode</code></a> 51 51 parameters, respectively. 52 52 You can choose from the following options: 53 53 </p> 54 <ul >54 <ul class="samples"> 55 55 <li><strong><code>ENTER_P</code></strong> – new <code><p></code> paragraphs are created;</li> 56 56 <li><strong><code>ENTER_BR</code></strong> – lines are broken with <code><br></code> elements;</li> 57 57 <li><strong><code>ENTER_DIV</code></strong> – new <code><div></code> blocks are created.</li> … … 59 59 <p> 60 60 The sample code below shows how to configure CKEditor to create a <code><div></code> block when <em>Enter</em> key is pressed. 61 61 </p> 62 <pre >CKEDITOR.replace( '<em>textarea_id</em>',62 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 63 63 { 64 64 <strong>enterMode : CKEDITOR.ENTER_DIV</strong> 65 65 });</pre> … … 108 108 <div id="footer"> 109 109 <hr /> 110 110 <p> 111 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>111 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 112 112 </p> 113 113 <p id="copy"> 114 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico114 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 115 115 Knabben. All rights reserved. 116 116 </p> 117 117 </div> -
fullpage.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Full Page Editing 21 21 </h1> 22 22 <div class="description"> … … 27 27 <p> 28 28 CKEditor is inserted with a JavaScript call using the following code: 29 29 </p> 30 <pre >CKEDITOR.replace( '<em>textarea_id</em>',30 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 31 31 { 32 32 <strong>fullPage : true</strong> 33 33 });</pre> … … 68 68 <div id="footer"> 69 69 <hr /> 70 70 <p> 71 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>71 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 72 72 </p> 73 73 <p id="copy"> 74 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico74 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 75 75 Knabben. All rights reserved. 76 76 </p> 77 77 </div> -
index.html
10 10 <link type="text/css" rel="stylesheet" href="sample.css" /> 11 11 </head> 12 12 <body> 13 <h1 >13 <h1 class="samples"> 14 14 CKEditor Samples Site 15 15 </h1> 16 <h2 >16 <h2 class="samples"> 17 17 Basic Samples 18 18 </h2> 19 <ul >19 <ul class="samples"> 20 20 <li> 21 <a href="replacebyclass.html">Replace textarea elements by class name</a><br />21 <a class="samples" href="replacebyclass.html">Replace textarea elements by class name</a><br /> 22 22 Automatic replacement of all textarea elements of a given class with a CKEditor instance. 23 23 </li> 24 <li><a href="replacebycode.html">Replace textarea elements by code</a><br />24 <li><a class="samples" href="replacebycode.html">Replace textarea elements by code</a><br /> 25 25 Replacement of textarea elements with CKEditor instances by using a JavaScript call. 26 26 </li> 27 <li><a href="fullpage.html">Full page support</a><br />27 <li><a class="samples" href="fullpage.html">Full page support</a><br /> 28 28 CKEditor inserted with a JavaScript call and used to edit the whole page from <code><html></code> to <code></html></code>. 29 29 </li> 30 30 </ul> 31 <h2 >31 <h2 class="samples"> 32 32 Basic Customization 33 33 </h2> 34 <ul >35 <li><a href="skins.html">Skins</a><br />34 <ul class="samples"> 35 <li><a class="samples" href="skins.html">Skins</a><br /> 36 36 Changing the CKEditor skin by adjusting a single configuration option. 37 37 </li> 38 <li><a href="ui_color.html">User Interface color</a><br />38 <li><a class="samples" href="ui_color.html">User Interface color</a><br /> 39 39 Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color. 40 40 </li> 41 <li><a href="ui_languages.html">User Interface languages</a><br />41 <li><a class="samples" href="ui_languages.html">User Interface languages</a><br /> 42 42 Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language. 43 43 </li> 44 <li><a href="autogrow.html">AutoGrow plugin</a><br />44 <li><a class="samples" href="autogrow.html">AutoGrow plugin</a><br /> 45 45 Using the AutoGrow plugin in order to make the editor grow to fit the size of its content. 46 46 </li> 47 47 </ul> 48 <h2 >48 <h2 class="samples"> 49 49 Advanced Samples 50 50 </h2> 51 <ul >52 <li><a href="divreplace.html">Replace DIV elements on the fly</a><br />51 <ul class="samples"> 52 <li><a class="samples" href="divreplace.html">Replace DIV elements on the fly</a><br /> 53 53 Transforming a <code>div</code> element into an instance of CKEditor with a mouse click. 54 54 </li> 55 <li><a href="ajax.html">Create and destroy editor instances for Ajax applications</a><br />55 <li><a class="samples" href="ajax.html">Create and destroy editor instances for Ajax applications</a><br /> 56 56 Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window. 57 57 </li> 58 <li><a href="api.html">Basic usage of the API</a><br />58 <li><a class="samples" href="api.html">Basic usage of the API</a><br /> 59 59 Using the CKEditor JavaScript API to interact with the editor at runtime. 60 60 </li> 61 <li><a href="api_dialog.html">Using the JavaScript API to customize dialog windows</a><br />61 <li><a class="samples" href="api_dialog.html">Using the JavaScript API to customize dialog windows</a><br /> 62 62 Using the dialog windows API to customize dialog windows without changing the original editor code. 63 63 </li> 64 <li><a href="enterkey.html">Using the "Enter" key in CKEditor</a><br />64 <li><a class="samples" href="enterkey.html">Using the "Enter" key in CKEditor</a><br /> 65 65 Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys. 66 66 </li> 67 <li><a href="sharedspaces.html">Shared toolbars</a><br />67 <li><a class="samples" href="sharedspaces.html">Shared toolbars</a><br /> 68 68 Displaying multiple editor instances that share the toolbar and/or the elements path. 69 69 </li> 70 <li><a href="jqueryadapter.html">jQuery adapter example</a><br />70 <li><a class="samples" href="jqueryadapter.html">jQuery adapter example</a><br /> 71 71 Using the jQuery adapter to configure CKEditor. 72 72 </li> 73 <li><a href="output_xhtml.html">Output XHTML</a><br />73 <li><a class="samples" href="output_xhtml.html">Output XHTML</a><br /> 74 74 Configuring CKEditor to produce XHTML 1.1 compliant code. 75 75 </li> 76 <li><a href="output_html.html">Output HTML</a><br />76 <li><a class="samples" href="output_html.html">Output HTML</a><br /> 77 77 Configuring CKEditor to produce legacy HTML 4 code. 78 78 </li> 79 <li><a href="output_for_flash.html">Output for Flash</a><br />79 <li><a class="samples" href="output_for_flash.html">Output for Flash</a><br /> 80 80 Configuring CKEditor to produce HTML code that can be used with Adobe Flash. 81 81 </li> 82 <li><a href="placeholder.html">Placeholder plugin</a><br />82 <li><a class="samples" href="placeholder.html">Placeholder plugin</a><br /> 83 83 Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window. 84 84 </li> 85 85 </ul> 86 86 <div id="footer"> 87 87 <hr /> 88 88 <p> 89 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>89 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 90 90 </p> 91 91 <p id="copy"> 92 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.92 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved. 93 93 </p> 94 94 </div> 95 95 </body> -
jqueryadapter.html
39 39 </script> 40 40 </head> 41 41 <body> 42 <h1 >42 <h1 class="samples"> 43 43 CKEditor Sample — Using jQuery Adapter 44 44 </h1> 45 45 <div class="description"> 46 46 <p> 47 47 This sample shows how to load CKEditor and configure it using the 48 <a href="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter">jQuery adapter</a>.48 <a class="samples" href="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter">jQuery adapter</a>. 49 49 In this case the jQuery adapter is responsible for transforming a <code><textarea></code> 50 50 element into a CKEditor instance and setting the configuration of the toolbar. 51 51 </p> … … 53 53 CKEditor instance with custom configuration set in jQuery can be inserted with the 54 54 following JavaScript code: 55 55 </p> 56 <pre >$(function()56 <pre class="samples">$(function() 57 57 { 58 58 var config = { 59 59 skin:'v2' … … 93 93 <div id="footer"> 94 94 <hr /> 95 95 <p> 96 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>96 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 97 97 </p> 98 98 <p id="copy"> 99 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico99 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 100 100 Knabben. All rights reserved. 101 101 </p> 102 102 </div> -
output_for_flash.html
32 32 </script> 33 33 </head> 34 34 <body onload="init()"> 35 <h1 >35 <h1 class="samples"> 36 36 CKEditor Sample — Producing Flash Compliant HTML Output 37 37 </h1> 38 38 <div class="description"> 39 39 <p> 40 40 This sample shows how to configure CKEditor to output 41 41 HTML code that can be used with 42 <a href="http://www.adobe.com/livedocs/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000922.html">42 <a class="samples" href="http://www.adobe.com/livedocs/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000922.html"> 43 43 Adobe Flash</a>. 44 44 The code will contain a subset of standard HTML elements like <code><b></code>, 45 45 <code><i></code>, and <code><p></code> as well as HTML attributes. … … 267 267 <div id="footer"> 268 268 <hr /> 269 269 <p> 270 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>270 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 271 271 </p> 272 272 <p id="copy"> 273 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico273 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 274 274 Knabben. All rights reserved. 275 275 </p> 276 276 </div> -
output_html.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Producing HTML Compliant Output 21 21 </h1> 22 22 <div class="description"> 23 23 <p> 24 24 This sample shows how to configure CKEditor to output valid 25 <a href="http://www.w3.org/TR/html401/">HTML 4.01</a> code.25 <a class="samples" href="http://www.w3.org/TR/html401/">HTML 4.01</a> code. 26 26 Traditional HTML elements like <code><b></code>, 27 27 <code><i></code>, and <code><font></code> are used in place of 28 28 <code><strong></code>, <code><em></code>, and CSS styles. … … 35 35 A snippet of the configuration code can be seen below; check the source of this page for 36 36 full definition: 37 37 </p> 38 <pre >CKEDITOR.replace( '<em>textarea_id</em>',38 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 39 39 { 40 40 coreStyles_bold : { element : 'b' }, 41 41 coreStyles_italic : { element : 'i' }, … … 279 279 <div id="footer"> 280 280 <hr /> 281 281 <p> 282 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>282 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 283 283 </p> 284 284 <p id="copy"> 285 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico285 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 286 286 Knabben. All rights reserved. 287 287 </p> 288 288 </div> -
output_xhtml.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Producing XHTML Compliant Output 21 21 </h1> 22 22 <div class="description"> 23 23 <p> 24 24 This sample shows how to configure CKEditor to output valid 25 <a href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a> code.25 <a class="samples" href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a> code. 26 26 Deprecated elements (<code><font></code>, <code><u></code>) or attributes 27 27 (<code>size</code>, <code>face</code>) will be replaced with XHTML compliant code. 28 28 </p> … … 34 34 A snippet of the configuration code can be seen below; check the source of this page for 35 35 full definition: 36 36 </p> 37 <pre >CKEDITOR.replace( '<em>textarea_id</em>',37 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 38 38 { 39 39 contentsCss : 'assets/output_xhtml.css', 40 40 … … 174 174 <div id="footer"> 175 175 <hr /> 176 176 <p> 177 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>177 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 178 178 </p> 179 179 <p id="copy"> 180 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico180 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 181 181 Knabben. All rights reserved. 182 182 </p> 183 183 </div> -
php/advanced.php
10 10 <link href="../sample.css" rel="stylesheet" type="text/css"/> 11 11 </head> 12 12 <body> 13 <h1 >13 <h1 class="samples"> 14 14 CKEditor Sample — Setting Configuration Options 15 15 </h1> 16 16 <p> 17 17 This sample shows how to insert a CKEditor instance with custom configuration options. 18 18 </p> 19 19 <p> 20 To set configuration options, use the <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html"><code>config</code></a> property. To set the attributes of a <code><textarea></code> element (which is displayed instead of CKEditor in unsupported browsers), use the <code>textareaAttributes</code> property.20 To set configuration options, use the <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html"><code>config</code></a> property. To set the attributes of a <code><textarea></code> element (which is displayed instead of CKEditor in unsupported browsers), use the <code>textareaAttributes</code> property. 21 21 </p> 22 <pre >22 <pre class="samples"> 23 23 <?php 24 24 // Include the CKEditor class. 25 25 include_once "ckeditor/ckeditor.php"; … … 109 109 <div id="footer"> 110 110 <hr /> 111 111 <p> 112 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>112 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 113 113 </p> 114 114 <p id="copy"> 115 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico115 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 116 116 Knabben. All rights reserved. 117 117 </p> 118 118 </div> -
php/events.php
10 10 <link href="../sample.css" rel="stylesheet" type="text/css"/> 11 11 </head> 12 12 <body> 13 <h1 >13 <h1 class="samples"> 14 14 CKEditor Sample — Adding Event Handlers 15 15 </h1> 16 16 <div class="description"> … … 21 21 A snippet of the configuration code can be seen below; check the source code of this page for 22 22 the full definition: 23 23 </p> 24 <pre ><?php24 <pre class="samples"><?php 25 25 // Include the CKEditor class. 26 26 include("ckeditor/ckeditor.php"); 27 27 … … 142 142 <div id="footer"> 143 143 <hr /> 144 144 <p> 145 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>145 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 146 146 </p> 147 147 <p id="copy"> 148 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico148 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 149 149 Knabben. All rights reserved. 150 150 </p> 151 151 </div> -
php/index.html
10 10 <link type="text/css" rel="stylesheet" href="../sample.css" /> 11 11 </head> 12 12 <body> 13 <h1 >13 <h1 class="samples"> 14 14 CKEditor Samples List for PHP 15 15 </h1> 16 <h2 >16 <h2 class="samples"> 17 17 Basic Samples 18 18 </h2> 19 <ul >20 <li><a href="replace.php">Replace existing textarea elements by code</a><br />19 <ul class="samples"> 20 <li><a class="samples" href="replace.php">Replace existing textarea elements by code</a><br /> 21 21 Replacement of selected textarea elements with CKEditor instances by using a JavaScript call.</li> 22 <li><a href="replaceAll.php">Replace all textarea elements by code</a><br />22 <li><a class="samples" href="replaceAll.php">Replace all textarea elements by code</a><br /> 23 23 Replacement of all textarea elements with CKEditor instances by using a JavaScript call.</li> 24 <li><a href="standalone.php">Create CKEditor instances in PHP</a><br />24 <li><a class="samples" href="standalone.php">Create CKEditor instances in PHP</a><br /> 25 25 Creating a CKEditor instance (no initial textarea element is required).</li> 26 26 </ul> 27 <h2 >27 <h2 class="samples"> 28 28 Advanced Samples 29 29 </h2> 30 <ul >31 <li><a href="advanced.php">Setting configuration options</a><br />30 <ul class="samples"> 31 <li><a class="samples" href="advanced.php">Setting configuration options</a><br /> 32 32 Creating a CKEditor instance with custom configuration options.</li> 33 <li><a href="events.php">Listening to events</a><br />33 <li><a class="samples" href="events.php">Listening to events</a><br /> 34 34 Creating event handlers. 35 35 </li> 36 36 </ul> 37 37 <div id="footer"> 38 38 <hr /> 39 39 <p> 40 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>40 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 41 41 </p> 42 42 <p id="copy"> 43 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.43 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved. 44 44 </p> 45 45 </div> 46 46 </body> -
php/replace.php
10 10 <link href="../sample.css" rel="stylesheet" type="text/css"/> 11 11 </head> 12 12 <body> 13 <h1 >13 <h1 class="samples"> 14 14 CKEditor Sample — Replace Selected Textarea Elements Using PHP Code 15 15 </h1> 16 16 <div class="description"> … … 22 22 To replace a <code><textarea></code> element, place the following call at any point 23 23 after the <code><textarea></code> element: 24 24 </p> 25 <pre >25 <pre class="samples"> 26 26 <?php 27 27 // Include the CKEditor class. 28 28 include_once "ckeditor/ckeditor.php"; … … 64 64 <div id="footer"> 65 65 <hr /> 66 66 <p> 67 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>67 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 68 68 </p> 69 69 <p id="copy"> 70 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico70 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 71 71 Knabben. All rights reserved. 72 72 </p> 73 73 </div> -
php/replaceall.php
10 10 <link href="../sample.css" rel="stylesheet" type="text/css"/> 11 11 </head> 12 12 <body> 13 <h1 >13 <h1 class="samples"> 14 14 CKEditor Sample — Replace All Textarea Elements Using PHP Code 15 15 </h1> 16 16 <div class="description"> … … 22 22 To replace all <code><textarea></code> elements, place the following call at any point 23 23 after the last <code><textarea></code> element: 24 24 </p> 25 <pre >25 <pre class="samples"> 26 26 <?php 27 27 // Include the CKEditor class. 28 28 include("ckeditor/ckeditor.php"); … … 65 65 <div id="footer"> 66 66 <hr /> 67 67 <p> 68 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>68 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 69 69 </p> 70 70 <p id="copy"> 71 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico71 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 72 72 Knabben. All rights reserved. 73 73 </p> 74 74 </div> -
php/standalone.php
10 10 <link href="../sample.css" rel="stylesheet" type="text/css"/> 11 11 </head> 12 12 <body> 13 <h1 >13 <h1 class="samples"> 14 14 CKEditor Sample — Creating CKEditor Instances 15 15 </h1> 16 16 <div class="description"> 17 17 <p> 18 18 This sample shows how to create a CKEditor instance with PHP. 19 19 </p> 20 <pre >20 <pre class="samples"> 21 21 <?php 22 22 include_once "ckeditor/ckeditor.php"; 23 23 … … 72 72 <div id="footer"> 73 73 <hr /> 74 74 <p> 75 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>75 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 76 76 </p> 77 77 <p id="copy"> 78 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico78 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 79 79 Knabben. All rights reserved. 80 80 </p> 81 81 </div> -
placeholder.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Using the Placeholder Plugin 21 21 </h1> 22 22 <div class="description"> … … 31 31 <strong>Create Placeholder</strong> toolbar button, insert the following JavaScript 32 32 call to your code: 33 33 </p> 34 <pre >CKEDITOR.replace( '<em>textarea_id</em>',34 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 35 35 { 36 36 <strong>extraPlugins : 'placeholder',</strong> 37 37 toolbar : [ [ 'Source', 'Bold' ], [<strong>'CreatePlaceholder'</strong>] ] … … 74 74 <div id="footer"> 75 75 <hr /> 76 76 <p> 77 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>77 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 78 78 </p> 79 79 <p id="copy"> 80 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico80 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 81 81 Knabben. All rights reserved. 82 82 </p> 83 83 </div> -
replacebyclass.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Replace Textarea Elements by Class Name 21 21 </h1> 22 22 <div class="description"> … … 28 28 To replace a <code><textarea></code> element, simply assign it the <code>ckeditor</code> 29 29 class, as in the code below: 30 30 </p> 31 <pre ><textarea <strong>class="ckeditor</strong>" name="editor1"></textarea></pre>31 <pre class="samples"><textarea <strong>class="ckeditor</strong>" name="editor1"></textarea></pre> 32 32 <p> 33 33 Note that other <code><textarea></code> attributes (like <code>id</code> or <code>name</code>) need to be adjusted to your document. 34 34 </p> … … 57 57 <div id="footer"> 58 58 <hr /> 59 59 <p> 60 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>60 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 61 61 </p> 62 62 <p id="copy"> 63 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico63 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 64 64 Knabben. All rights reserved. 65 65 </p> 66 66 </div> -
replacebycode.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Replace Textarea Elements Using JavaScript Code 21 21 </h1> 22 22 <div class="description"> … … 29 29 after the <code><textarea></code> element or inside a <code><script></code> element located 30 30 in the <code><head></code> section of the page, in a <code>window.onload</code> event handler: 31 31 </p> 32 <pre >CKEDITOR.replace( '<em>textarea_id</em>' );</pre>32 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>' );</pre> 33 33 <p> 34 34 Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of 35 35 the <code><textarea></code> element to be replaced. … … 90 90 <div id="footer"> 91 91 <hr /> 92 92 <p> 93 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>93 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 94 94 </p> 95 95 <p id="copy"> 96 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico96 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 97 97 Knabben. All rights reserved. 98 98 </p> 99 99 </div> -
sample.css
4 4 */ 5 5 6 6 html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre { 7 border: 0 none;8 7 line-height: 1.5em; 9 margin: 0;10 padding: 0;11 8 } 12 9 13 10 body { … … 27 24 font-size: 1em; 28 25 } 29 26 30 b, strong { 31 font-weight:bold; 27 h1.samples { 28 color:#0782C1; 29 font-size:200%; 30 font-weight:normal; 31 margin: 0; 32 padding: 0; 32 33 } 33 34 34 i, cite, em, var, dfn, blockquote { 35 font-style:italic; 35 h2.samples { 36 color:#000000; 37 font-size:130%; 38 margin: 0; 39 padding: 0; 36 40 } 37 41 38 p, ul, ol, blockquote, address, form, table, pre, dl, h1, h2, h3, h4, h5, h6{42 p, blockquote, address, form, pre, dl, h1.samples, h2.samples { 39 43 margin-bottom:15px; 40 44 } 41 45 42 ul ul, ul ol, ol ul, ol ol{43 margin-bottom: 0;46 ul.samples { 47 margin-bottom:15px; 44 48 } 45 49 46 ul {47 list-style-type:disc;48 }49 50 ol {51 list-style-type:decimal;52 }53 54 li {55 margin-left:40px;56 }57 58 a {59 text-decoration:none;60 }61 62 a:hover {63 text-decoration:underline;64 }65 66 50 .clear { 67 51 clear:both; 68 52 } … … 82 66 font-size: 75%; 83 67 } 84 68 85 a {69 a.samples { 86 70 color:#189DE1; 71 text-decoration:none; 87 72 } 88 73 89 h1 { 90 color:#0782C1; 91 font-size:200%; 92 font-weight:normal; 74 a.samples:hover { 75 text-decoration:underline; 93 76 } 94 77 95 h2 {96 color:#000000;97 font-size:130%;98 }99 100 78 form 101 79 { 102 80 margin: 0; 103 81 padding: 0; 104 82 } 105 83 106 pre 84 pre.samples 107 85 { 108 86 background-color: #F7F7F7; 109 87 border: 1px solid #D7D7D7; -
sharedspaces.html
28 28 </style> 29 29 </head> 30 30 <body> 31 <h1 >31 <h1 class="samples"> 32 32 CKEditor Sample — Shared Toolbars 33 33 </h1> 34 34 <div class="description"> … … 40 40 <p> 41 41 CKEditor instances with shared spaces can be inserted with a JavaScript call using the following code: 42 42 </p> 43 <pre >CKEDITOR.replace( '<em>textarea_id</em>',43 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 44 44 { 45 45 <strong>sharedSpaces : 46 46 { … … 95 95 <div id="footer"> 96 96 <hr /> 97 97 <p> 98 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>98 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 99 99 </p> 100 100 <p id="copy"> 101 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico101 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 102 102 Knabben. All rights reserved. 103 103 </p> 104 104 </div> -
skins.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — Skins 21 21 </h1> 22 22 <div class="description"> 23 23 <p> 24 24 This sample shows how to automatically replace <code><textarea></code> elements 25 with a CKEditor instance using a specific <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.skin">skin</a>.25 with a CKEditor instance using a specific <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.skin">skin</a>. 26 26 </p> 27 27 <p> 28 28 CKEditor with a specified skin (in this case, the "Office 2003" skin) is inserted with a JavaScript call using the following code: 29 29 </p> 30 <pre >CKEDITOR.replace( '<em>textarea_id</em>',30 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 31 31 { 32 32 <strong>skin : 'office2003'</strong> 33 33 });</pre> … … 48 48 </noscript> 49 49 </div> 50 50 <form action="sample_posteddata.php" method="post"> 51 <h2 >"Kama" skin</h2>51 <h2 class="samples">"Kama" skin</h2> 52 52 <p>The default skin used in CKEditor. No additional configuration is required.</p> 53 53 <p> 54 54 <textarea cols="80" id="editor_kama" name="editor_kama" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> … … 63 63 //]]> 64 64 </script> 65 65 </p> 66 <h2 >"Office 2003" skin</h2>66 <h2 class="samples">"Office 2003" skin</h2> 67 67 <p>Use the following code to configure a CKEditor instance to use the "Office 2003" skin.</p> 68 <pre >CKEDITOR.replace( '<em>textarea_id</em>',68 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 69 69 { 70 70 <strong>skin : 'office2003'</strong> 71 71 });</pre> … … 82 82 //]]> 83 83 </script> 84 84 </p> 85 <h2 >"V2" skin</h2>85 <h2 class="samples">"V2" skin</h2> 86 86 <p>Use the following code to configure a CKEditor instance to use the "V2" skin.</p> 87 <pre >CKEDITOR.replace( '<em>textarea_id</em>',87 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 88 88 { 89 89 <strong>skin : 'v2'</strong> 90 90 });</pre> … … 103 103 <div id="footer"> 104 104 <hr /> 105 105 <p> 106 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>106 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 107 107 </p> 108 108 <p id="copy"> 109 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico109 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 110 110 Knabben. All rights reserved. 111 111 </p> 112 112 </div> -
ui_color.html
16 16 <link href="sample.css" rel="stylesheet" type="text/css" /> 17 17 </head> 18 18 <body> 19 <h1 >19 <h1 class="samples"> 20 20 CKEditor Sample — UI Color Picker 21 21 </h1> 22 22 <div class="description"> … … 24 24 This sample shows how to automatically replace <code><textarea></code> elements 25 25 with a CKEditor instance with an option to change the color of its user interface. 26 26 </p> 27 <h2 >Setting the User Interface Color</h2>27 <h2 class="samples">Setting the User Interface Color</h2> 28 28 <p> 29 29 To specify the color of the user interface, set the <code>uiColor</code> property: 30 30 </p> 31 <pre >CKEDITOR.replace( '<em>textarea_id</em>',31 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 32 32 { 33 33 <strong>uiColor: '#EE0000'</strong> 34 34 });</pre> … … 36 36 Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of 37 37 the <code><textarea></code> element to be replaced. 38 38 </p> 39 <h2 >Enabling the Color Picker</h2>39 <h2 class="samples">Enabling the Color Picker</h2> 40 40 <p> 41 41 If the <strong>uicolor</strong> plugin along with the dedicated <strong>UIColor</strong> 42 42 toolbar button is added to CKEditor, the user will also be able to pick the color of the … … 46 46 To insert a CKEditor instance with the <strong>uicolor</strong> plugin enabled, 47 47 use the following JavaScript call: 48 48 </p> 49 <pre >CKEDITOR.replace( '<em>textarea_id</em>',49 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 50 50 { 51 51 <strong>extraPlugins : 'uicolor',</strong> 52 52 toolbar : [ [ 'Bold', 'Italic' ], [ <strong>'UIColor'</strong> ] ] … … 122 122 <div id="footer"> 123 123 <hr /> 124 124 <p> 125 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>125 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 126 126 </p> 127 127 <p id="copy"> 128 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico128 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 129 129 Knabben. All rights reserved. 130 130 </p> 131 131 </div> -
ui_languages.html
18 18 <link href="sample.css" rel="stylesheet" type="text/css" /> 19 19 </head> 20 20 <body> 21 <h1 >21 <h1 class="samples"> 22 22 CKEditor Sample — User Interface Languages 23 23 </h1> 24 24 <div class="description"> … … 33 33 <p> 34 34 By default, CKEditor automatically localizes the editor to the language of the user. 35 35 The UI language can be controlled with two configuration options: 36 <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.language">37 <code>language</code></a> and <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.defaultLanguage">36 <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.language"> 37 <code>language</code></a> and <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.defaultLanguage"> 38 38 <code>defaultLanguage</code></a>. The <code>defaultLanguage</code> setting specifies the 39 39 default CKEditor language to be used when a localization suitable for user's settings is not available. 40 40 </p> … … 42 42 To specify the user interface language that will be used no matter what language is 43 43 specified in user's browser or operating system, set the <code>language</code> property: 44 44 </p> 45 <pre >CKEDITOR.replace( '<em>textarea_id</em>',45 <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>', 46 46 { 47 47 // Load the German interface. 48 48 <strong>language: 'de'</strong> … … 128 128 <div id="footer"> 129 129 <hr /> 130 130 <p> 131 CKEditor - The text editor for the Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>131 CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a> 132 132 </p> 133 133 <p id="copy"> 134 Copyright © 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico134 Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico 135 135 Knabben. All rights reserved. 136 136 </p> 137 137 </div>