Ticket #6993: 6993.patch

File 6993.patch, 56.8 KB (added by Wiktor Walc, 8 years ago)
  • adobeair/sample.html

     
    1717                body { margin: 10px ; }
    1818        </style></head>
    1919<body>
    20         <h1>
     20        <h1 class="samples">
    2121                CKEditor - Adobe AIR Sample
    2222        </h1>
    2323        <p>
     
    3838        <div id="footer" style="position:absolute;bottom:0;left:0;right:0;width:100%;padding-bottom:10px;">
    3939                <hr />
    4040                <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>
    4242                </p>
    4343                <p id="copy">
    44                         Copyright &copy; 2003-2011, <a href="#" onclick="window.runtime.flash.net.navigateToURL(new window.runtime.flash.net.URLRequest('http://cksource.com/'));return false;">CKSource</a> - Frederico
     44                        Copyright &copy; 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
    4545                        Knabben. All rights reserved.
    4646                </p>
    4747        </div>
  • ajax.html

     
    5050        </script>
    5151</head>
    5252<body>
    53         <h1>
     53        <h1 class="samples">
    5454                CKEditor Sample &mdash; Create and Destroy Editor Instances for Ajax Applications
    5555        </h1>
    5656        <div class="description">
     
    9292        <div id="footer">
    9393                <hr />
    9494                <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>
    9696                </p>
    9797                <p id="copy">
    98                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     98                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    9999                        Knabben. All rights reserved.
    100100                </p>
    101101        </div>
  • api.html

     
    124124
    125125</head>
    126126<body>
    127         <h1>
     127        <h1 class="samples">
    128128                CKEditor Sample &mdash; Using CKEditor JavaScript API
    129129        </h1>
    130130        <div class="description">
    131131        <p>
    132132                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>
    134134                to interact with the editor at runtime.
    135135        </p>
    136136        <p>
     
    185185        <div id="footer">
    186186                <hr />
    187187                <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>
    189189                </p>
    190190                <p id="copy">
    191                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     191                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    192192                        Knabben. All rights reserved.
    193193                </p>
    194194        </div>
  • api_dialog.html

     
    106106
    107107</head>
    108108<body>
    109         <h1>
     109        <h1 class="samples">
    110110                CKEditor Sample &mdash; Using CKEditor Dialog API
    111111        </h1>
    112112        <div class="description">
    113113        <p>
    114114                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>
    116116                to customize CKEditor dialog windows without changing the original editor code.
    117117                The following customizations are being done in the example below:
    118118        </p>
     
    191191        <div id="footer">
    192192                <hr />
    193193                <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>
    195195                </p>
    196196                <p id="copy">
    197                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     197                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    198198                        Knabben. All rights reserved.
    199199                </p>
    200200        </div>
  • asp/advanced.asp

     
    2020        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    2121</head>
    2222<body>
    23         <h1>
     23        <h1 class="samples">
    2424                CKEditor Sample
    2525        </h1>
    2626        <!-- This <div> holds alert messages to be display in the sample page. -->
     
    9494        <div id="footer">
    9595                <hr />
    9696                <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>
    9898                </p>
    9999                <p id="copy">
    100                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     100                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    101101                        Knabben. All rights reserved.
    102102                </p>
    103103        </div>
  • asp/events.asp

     
    2020        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    2121</head>
    2222<body>
    23         <h1>
     23        <h1 class="samples">
    2424                CKEditor Sample
    2525        </h1>
    2626        <!-- This <div> holds alert messages to be display in the sample page. -->
     
    125125        <div id="footer">
    126126                <hr />
    127127                <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>
    129129                </p>
    130130                <p id="copy">
    131                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     131                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    132132                        Knabben. All rights reserved.
    133133                </p>
    134134        </div>
  • asp/index.html

     
    99        <link type="text/css" rel="stylesheet" href="../sample.css" />
    1010</head>
    1111<body>
    12         <h1>
     12        <h1 class="samples">
    1313                CKEditor Samples List for ASP &mdash; CKEditor Sample
    1414        </h1>
    15         <h2>
     15        <h2 class="samples">
    1616                Overview
    1717        </h2>
    1818        <p>The ckeditor.asp file provides a wrapper to ease the work of creating CKEditor instances from classic Asp.</p>
     
    2727<ol>
    2828        <li>
    2929                Create an instance of the CKEditor class:
    30 <pre>dim editor
     30<pre class="samples">dim editor
    3131set editor = New CKEditor</pre>
    3232        </li>
    3333        <li>
    3434                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>
    3636        </li>
    3737        <li>
    3838        Now use one of the three main methods to create the CKEditor instances:
    39         <ul>
     39        <ul class="samples">
    4040                <li>
    4141                                Replace textarea with id (or name) "editor1".
    42                         <pre>editor.replaceInstance "editor1"</pre>
     42                        <pre class="samples">editor.replaceInstance "editor1"</pre>
    4343                </li>
    4444                <li>
    4545                        Replace all textareas with CKEditor.
    46                         <pre>editor.replaceAll empty</pre>
     46                        <pre class="samples">editor.replaceAll empty</pre>
    4747                </li>
    4848                <li>
    4949                        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>
    5151                </li>
    5252        </ul>
    5353        </li>
    5454</ol>
    5555<p>Before step 3 you can use a number of methods and properties to adjust the behavior of this class and the CKEditor instances
    5656that will be created:</p>
    57 <ul>
     57<ul class="samples">
    5858        <li>returnOutput : if set to true, the functions won't dump the code with response.write, but instead they will return it so
    5959        you can do anything you want</li>
    6060        <li>basePath: location of the CKEditor scripts</li>
     
    7575
    7676</ul>
    7777
    78         <h2>
     78        <h2 class="samples">
    7979                Basic Samples
    8080        </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>
    8585        </ul>
    86         <h2>
     86        <h2 class="samples">
    8787                Advanced Samples
    8888        </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>
    9292        </ul>
    9393        <div id="footer">
    9494                <hr />
    9595                <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>
    9797                </p>
    9898                <p id="copy">
    99                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
     99                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
    100100                </p>
    101101        </div>
    102102</body>
  • asp/replace.asp

     
    2020        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    2121</head>
    2222<body>
    23         <h1>
     23        <h1 class="samples">
    2424                CKEditor Sample
    2525        </h1>
    2626        <!-- This <div> holds alert messages to be display in the sample page. -->
     
    5050        <div id="footer">
    5151                <hr />
    5252                <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>
    5454                </p>
    5555                <p id="copy">
    56                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     56                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    5757                        Knabben. All rights reserved.
    5858                </p>
    5959        </div>
  • asp/replaceall.asp

     
    2020        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    2121</head>
    2222<body>
    23         <h1>
     23        <h1 class="samples">
    2424                CKEditor Sample
    2525        </h1>
    2626        <!-- This <div> holds alert messages to be display in the sample page. -->
     
    5555        <div id="footer">
    5656                <hr />
    5757                <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>
    5959                </p>
    6060                <p id="copy">
    61                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     61                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    6262                        Knabben. All rights reserved.
    6363                </p>
    6464        </div>
  • asp/sample_posteddata.asp

     
    1212        <link type="text/css" rel="stylesheet" href="../sample.css" />
    1313</head>
    1414<body>
    15         <h1>
     15        <h1 class="samples">
    1616                CKEditor - Posted Data
    1717        </h1>
    1818        <table border="1" cellspacing="0" id="outputSample">
     
    2929                        %>
    3030                        <tr>
    3131                                <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>
    3333                        </tr>
    3434                        <% Next %>
    3535        </table>
    3636        <div id="footer">
    3737                <hr />
    3838                <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>
    4040                </p>
    4141                <p id="copy">
    42                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
     42                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
    4343                </p>
    4444        </div>
    4545</body>
  • asp/standalone.asp

     
    2020        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    2121</head>
    2222<body>
    23         <h1>
     23        <h1 class="samples">
    2424                CKEditor Sample
    2525        </h1>
    2626        <!-- This <div> holds alert messages to be display in the sample page. -->
     
    6161        <div id="footer">
    6262                <hr />
    6363                <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>
    6565                </p>
    6666                <p id="copy">
    67                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     67                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    6868                        Knabben. All rights reserved.
    6969                </p>
    7070        </div>
  • assets/_posteddata.php

     
    1212        <link type="text/css" rel="stylesheet" href="sample.css" />
    1313</head>
    1414<body>
    15         <h1>
     15        <h1 class="samples">
    1616                CKEditor &mdash; Posted Data
    1717        </h1>
    1818        <table border="1" cellspacing="0" id="outputSample">
     
    4040?>
    4141                <tr>
    4242                        <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>
    4444                </tr>
    4545        <?php
    4646}
     
    4949        <div id="footer">
    5050                <hr />
    5151                <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>
    5353                </p>
    5454                <p id="copy">
    55                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
     55                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
    5656                </p>
    5757        </div>
    5858</body>
  • autogrow.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Using AutoGrow Plugin
    2121        </h1>
    2222        <div class="description">
     
    3838                To add a CKEditor instance using the <strong>autogrow</strong> plugin and its
    3939                <code>autoGrow_maxHeight</code> attribute, insert the following JavaScript call to your code:
    4040        </p>
    41         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     41        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    4242        {
    4343                <strong>extraPlugins : 'autogrow',</strong>
    4444                autoGrow_maxHeight : 800
     
    9696        <div id="footer">
    9797                <hr />
    9898                <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>
    100100                </p>
    101101                <p id="copy">
    102                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     102                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    103103                        Knabben. All rights reserved.
    104104                </p>
    105105        </div>
  • divreplace.html

     
    7474
    7575</head>
    7676<body>
    77         <h1>
     77        <h1 class="samples">
    7878                CKEditor Sample &mdash; Replace DIV with CKEditor on the Fly
    7979        </h1>
    8080        <div class="description">
     
    142142        <div id="footer">
    143143                <hr />
    144144                <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>
    146146                </p>
    147147                <p id="copy">
    148                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     148                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    149149                        Knabben. All rights reserved.
    150150                </p>
    151151        </div>
  • enterkey.html

     
    3939        </script>
    4040</head>
    4141<body>
    42         <h1>
     42        <h1 class="samples">
    4343                CKEditor Sample &mdash; ENTER Key Configuration
    4444        </h1>
    4545        <div class="description">
    4646        <p>
    4747                This sample shows how to configure the <em>Enter</em> and <em>Shift+Enter</em> keys
    4848                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>
    5151                parameters, respectively.
    5252                You can choose from the following options:
    5353        </p>
    54         <ul>
     54        <ul class="samples">
    5555                <li><strong><code>ENTER_P</code></strong> &ndash; new <code>&lt;p&gt;</code> paragraphs are created;</li>
    5656                <li><strong><code>ENTER_BR</code></strong> &ndash; lines are broken with <code>&lt;br&gt;</code> elements;</li>
    5757                <li><strong><code>ENTER_DIV</code></strong> &ndash; new <code>&lt;div&gt;</code> blocks are created.</li>
     
    5959        <p>
    6060                The sample code below shows how to configure CKEditor to create a <code>&lt;div&gt;</code> block when <em>Enter</em> key is pressed.
    6161        </p>
    62         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     62        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    6363        {
    6464                <strong>enterMode : CKEDITOR.ENTER_DIV</strong>
    6565        });</pre>
     
    108108        <div id="footer">
    109109                <hr />
    110110                <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>
    112112                </p>
    113113                <p id="copy">
    114                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     114                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    115115                        Knabben. All rights reserved.
    116116                </p>
    117117        </div>
  • fullpage.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Full Page Editing
    2121        </h1>
    2222        <div class="description">
     
    2727        <p>
    2828                CKEditor is inserted with a JavaScript call using the following code:
    2929        </p>
    30         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     30        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    3131        {
    3232                <strong>fullPage : true</strong>
    3333        });</pre>
     
    6868        <div id="footer">
    6969                <hr />
    7070                <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>
    7272                </p>
    7373                <p id="copy">
    74                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     74                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    7575                        Knabben. All rights reserved.
    7676                </p>
    7777        </div>
  • index.html

     
    1010        <link type="text/css" rel="stylesheet" href="sample.css" />
    1111</head>
    1212<body>
    13         <h1>
     13        <h1 class="samples">
    1414                CKEditor Samples Site
    1515        </h1>
    16         <h2>
     16        <h2 class="samples">
    1717                Basic Samples
    1818        </h2>
    19         <ul>
     19        <ul class="samples">
    2020                <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 />
    2222                        Automatic replacement of all textarea elements of a given class with a CKEditor instance.
    2323                </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 />
    2525                        Replacement of textarea elements with CKEditor instances by using a JavaScript call.
    2626                </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 />
    2828                        CKEditor inserted with a JavaScript call and used to edit the whole page from <code>&lt;html&gt;</code> to <code>&lt;/html&gt;</code>.
    2929                </li>
    3030        </ul>
    31         <h2>
     31        <h2 class="samples">
    3232                Basic Customization
    3333        </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 />
    3636                        Changing the CKEditor skin by adjusting a single configuration option.
    3737                </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 />
    3939                        Changing CKEditor User Interface color and adding a toolbar button that lets the user set the UI color.
    4040                </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 />
    4242                        Changing CKEditor User Interface language and adding a drop-down list that lets the user choose the UI language.
    4343                </li>
    44                 <li><a href="autogrow.html">AutoGrow plugin</a><br />
     44                <li><a class="samples" href="autogrow.html">AutoGrow plugin</a><br />
    4545                        Using the AutoGrow plugin in order to make the editor grow to fit the size of its content.
    4646                </li>
    4747        </ul>
    48         <h2>
     48        <h2 class="samples">
    4949                Advanced Samples
    5050        </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 />
    5353                        Transforming a <code>div</code> element into an instance of CKEditor with a mouse click.
    5454                </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 />
    5656                        Creating and destroying CKEditor instances on the fly and saving the contents entered into the editor window.
    5757                </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 />
    5959                        Using the CKEditor JavaScript API to interact with the editor at runtime.
    6060                </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 />
    6262                        Using the dialog windows API to customize dialog windows without changing the original editor code.
    6363                </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 />
    6565                         Configuring the behavior of <em>Enter</em> and <em>Shift+Enter</em> keys.
    6666                </li>
    67                 <li><a href="sharedspaces.html">Shared toolbars</a><br />
     67                <li><a class="samples" href="sharedspaces.html">Shared toolbars</a><br />
    6868                        Displaying multiple editor instances that share the toolbar and/or the elements path.
    6969                </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 />
    7171                        Using the jQuery adapter to configure CKEditor.
    7272                </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 />
    7474                        Configuring CKEditor to produce XHTML 1.1 compliant code.
    7575                </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 />
    7777                        Configuring CKEditor to produce legacy HTML 4 code.
    7878                </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 />
    8080                        Configuring CKEditor to produce HTML code that can be used with Adobe Flash.
    8181                </li>
    82                 <li><a href="placeholder.html">Placeholder plugin</a><br />
     82                <li><a class="samples" href="placeholder.html">Placeholder plugin</a><br />
    8383                        Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window.
    8484                </li>
    8585        </ul>
    8686        <div id="footer">
    8787                <hr />
    8888                <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>
    9090                </p>
    9191                <p id="copy">
    92                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
     92                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
    9393                </p>
    9494        </div>
    9595</body>
  • jqueryadapter.html

     
    3939        </script>
    4040</head>
    4141<body>
    42         <h1>
     42        <h1 class="samples">
    4343                CKEditor Sample &mdash; Using jQuery Adapter
    4444        </h1>
    4545        <div class="description">
    4646        <p>
    4747                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>.
    4949                In this case the jQuery adapter is responsible for transforming a <code>&lt;textarea&gt;</code>
    5050                element into a CKEditor instance and setting the configuration of the toolbar.
    5151        </p>
     
    5353                CKEditor instance with custom configuration set in jQuery can be inserted with the
    5454                following JavaScript code:
    5555        </p>
    56         <pre>$(function()
     56        <pre class="samples">$(function()
    5757{
    5858        var config = {
    5959                skin:'v2'
     
    9393        <div id="footer">
    9494                <hr />
    9595                <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>
    9797                </p>
    9898                <p id="copy">
    99                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     99                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    100100                        Knabben. All rights reserved.
    101101                </p>
    102102        </div>
  • output_for_flash.html

     
    3232        </script>
    3333        </head>
    3434<body onload="init()">
    35         <h1>
     35        <h1 class="samples">
    3636                CKEditor Sample &mdash; Producing Flash Compliant HTML Output
    3737        </h1>
    3838        <div class="description">
    3939        <p>
    4040                This sample shows how to configure CKEditor to output
    4141                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&amp;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&amp;file=00000922.html">
    4343                Adobe Flash</a>.
    4444                The code will contain a subset of standard HTML elements like <code>&lt;b&gt;</code>,
    4545                <code>&lt;i&gt;</code>, and <code>&lt;p&gt;</code> as well as HTML attributes.
     
    267267        <div id="footer">
    268268                <hr />
    269269                <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>
    271271                </p>
    272272                <p id="copy">
    273                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     273                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    274274                        Knabben. All rights reserved.
    275275                </p>
    276276        </div>
  • output_html.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Producing HTML Compliant Output
    2121        </h1>
    2222        <div class="description">
    2323        <p>
    2424                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.
    2626                Traditional HTML elements like <code>&lt;b&gt;</code>,
    2727                <code>&lt;i&gt;</code>, and <code>&lt;font&gt;</code> are used in place of
    2828                <code>&lt;strong&gt;</code>, <code>&lt;em&gt;</code>, and CSS styles.
     
    3535                A snippet of the configuration code can be seen below; check the source of this page for
    3636                full definition:
    3737        </p>
    38         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     38        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    3939        {
    4040                coreStyles_bold : { element : 'b' },
    4141                coreStyles_italic : { element : 'i' },
     
    279279        <div id="footer">
    280280                <hr />
    281281                <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>
    283283                </p>
    284284                <p id="copy">
    285                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     285                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    286286                        Knabben. All rights reserved.
    287287                </p>
    288288        </div>
  • output_xhtml.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Producing XHTML Compliant Output
    2121        </h1>
    2222        <div class="description">
    2323        <p>
    2424                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.
    2626                Deprecated elements (<code>&lt;font&gt;</code>, <code>&lt;u&gt;</code>) or attributes
    2727                (<code>size</code>, <code>face</code>) will be replaced with XHTML compliant code.
    2828        </p>
     
    3434                A snippet of the configuration code can be seen below; check the source of this page for
    3535                full definition:
    3636        </p>
    37         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     37        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    3838        {
    3939                contentsCss : 'assets/output_xhtml.css',
    4040
     
    174174        <div id="footer">
    175175                <hr />
    176176                <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>
    178178                </p>
    179179                <p id="copy">
    180                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     180                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    181181                        Knabben. All rights reserved.
    182182                </p>
    183183        </div>
  • php/advanced.php

     
    1010        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    1111</head>
    1212<body>
    13         <h1>
     13        <h1 class="samples">
    1414                CKEditor Sample &mdash; Setting Configuration Options
    1515        </h1>
    1616        <p>
    1717                This sample shows how to insert a CKEditor instance with custom configuration options.
    1818        </p>
    1919        <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>&lt;textarea&gt;</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>&lt;textarea&gt;</code> element (which is displayed instead of CKEditor in unsupported browsers), use the <code>textareaAttributes</code> property.
    2121        </p>
    22         <pre>
     22        <pre class="samples">
    2323&lt;?php
    2424// Include the CKEditor class.
    2525include_once "ckeditor/ckeditor.php";
     
    109109        <div id="footer">
    110110                <hr />
    111111                <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>
    113113                </p>
    114114                <p id="copy">
    115                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     115                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    116116                        Knabben. All rights reserved.
    117117                </p>
    118118        </div>
  • php/events.php

     
    1010        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    1111</head>
    1212<body>
    13         <h1>
     13        <h1 class="samples">
    1414                CKEditor Sample &mdash; Adding Event Handlers
    1515        </h1>
    1616        <div class="description">
     
    2121                A snippet of the configuration code can be seen below; check the source code of this page for
    2222                the full definition:
    2323        </p>
    24         <pre>&lt;?php
     24        <pre class="samples">&lt;?php
    2525// Include the CKEditor class.
    2626include("ckeditor/ckeditor.php");
    2727
     
    142142        <div id="footer">
    143143                <hr />
    144144                <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>
    146146                </p>
    147147                <p id="copy">
    148                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     148                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    149149                        Knabben. All rights reserved.
    150150                </p>
    151151        </div>
  • php/index.html

     
    1010        <link type="text/css" rel="stylesheet" href="../sample.css" />
    1111</head>
    1212<body>
    13         <h1>
     13        <h1 class="samples">
    1414                CKEditor Samples List for PHP
    1515        </h1>
    16         <h2>
     16        <h2 class="samples">
    1717                Basic Samples
    1818        </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 />
    2121                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 />
    2323                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 />
    2525                Creating a CKEditor instance (no initial textarea element is required).</li>
    2626        </ul>
    27         <h2>
     27        <h2 class="samples">
    2828                Advanced Samples
    2929        </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 />
    3232                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 />
    3434                Creating event handlers.
    3535                </li>
    3636        </ul>
    3737        <div id="footer">
    3838                <hr />
    3939                <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>
    4141                </p>
    4242                <p id="copy">
    43                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
     43                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved.
    4444                </p>
    4545        </div>
    4646</body>
  • php/replace.php

     
    1010        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    1111</head>
    1212<body>
    13         <h1>
     13        <h1 class="samples">
    1414                CKEditor Sample &mdash;  Replace Selected Textarea Elements Using PHP Code
    1515        </h1>
    1616        <div class="description">
     
    2222                To replace a <code>&lt;textarea&gt;</code> element, place the following call at any point
    2323                after the <code>&lt;textarea&gt;</code> element:
    2424        </p>
    25         <pre>
     25        <pre class="samples">
    2626&lt;?php
    2727// Include the CKEditor class.
    2828include_once "ckeditor/ckeditor.php";
     
    6464        <div id="footer">
    6565                <hr />
    6666                <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>
    6868                </p>
    6969                <p id="copy">
    70                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     70                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    7171                        Knabben. All rights reserved.
    7272                </p>
    7373        </div>
  • php/replaceall.php

     
    1010        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    1111</head>
    1212<body>
    13         <h1>
     13        <h1 class="samples">
    1414                CKEditor Sample &mdash; Replace All Textarea Elements Using PHP Code
    1515        </h1>
    1616        <div class="description">
     
    2222                To replace all <code>&lt;textarea&gt;</code> elements, place the following call at any point
    2323                after the last <code>&lt;textarea&gt;</code> element:
    2424        </p>
    25         <pre>
     25        <pre class="samples">
    2626&lt;?php
    2727// Include the CKEditor class.
    2828include("ckeditor/ckeditor.php");
     
    6565        <div id="footer">
    6666                <hr />
    6767                <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>
    6969                </p>
    7070                <p id="copy">
    71                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     71                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    7272                        Knabben. All rights reserved.
    7373                </p>
    7474        </div>
  • php/standalone.php

     
    1010        <link href="../sample.css" rel="stylesheet" type="text/css"/>
    1111</head>
    1212<body>
    13         <h1>
     13        <h1 class="samples">
    1414                CKEditor Sample &mdash; Creating CKEditor Instances
    1515        </h1>
    1616        <div class="description">
    1717        <p>
    1818                This sample shows how to create a CKEditor instance with PHP.
    1919        </p>
    20         <pre>
     20        <pre class="samples">
    2121&lt;?php
    2222include_once "ckeditor/ckeditor.php";
    2323
     
    7272        <div id="footer">
    7373                <hr />
    7474                <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>
    7676                </p>
    7777                <p id="copy">
    78                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     78                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    7979                        Knabben. All rights reserved.
    8080                </p>
    8181        </div>
  • placeholder.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Using the Placeholder Plugin
    2121        </h1>
    2222        <div class="description">
     
    3131                <strong>Create Placeholder</strong> toolbar button, insert the following JavaScript
    3232                call to your code:
    3333        </p>
    34         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     34        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    3535        {
    3636                <strong>extraPlugins : 'placeholder',</strong>
    3737                toolbar : [ [ 'Source', 'Bold' ], [<strong>'CreatePlaceholder'</strong>] ]
     
    7474        <div id="footer">
    7575                <hr />
    7676                <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>
    7878                </p>
    7979                <p id="copy">
    80                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     80                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    8181                        Knabben. All rights reserved.
    8282                </p>
    8383        </div>
  • replacebyclass.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Replace Textarea Elements by Class Name
    2121        </h1>
    2222        <div class="description">
     
    2828                To replace a <code>&lt;textarea&gt;</code> element, simply assign it the <code>ckeditor</code>
    2929                class, as in the code below:
    3030        </p>
    31         <pre>&lt;textarea <strong>class="ckeditor</strong>" name="editor1"&gt;&lt;/textarea&gt;</pre>
     31        <pre class="samples">&lt;textarea <strong>class="ckeditor</strong>" name="editor1"&gt;&lt;/textarea&gt;</pre>
    3232        <p>
    3333                Note that other <code>&lt;textarea&gt;</code> attributes (like <code>id</code> or <code>name</code>) need to be adjusted to your document.
    3434        </p>
     
    5757        <div id="footer">
    5858                <hr />
    5959                <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>
    6161                </p>
    6262                <p id="copy">
    63                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     63                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    6464                        Knabben. All rights reserved.
    6565                </p>
    6666        </div>
  • replacebycode.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Replace Textarea Elements Using JavaScript Code
    2121        </h1>
    2222        <div class="description">
     
    2929                after the <code>&lt;textarea&gt;</code> element or inside a <code>&lt;script&gt;</code> element located
    3030                in the <code>&lt;head&gt;</code> section of the page, in a <code>window.onload</code> event handler:
    3131        </p>
    32         <pre>CKEDITOR.replace( '<em>textarea_id</em>' );</pre>
     32        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>' );</pre>
    3333        <p>
    3434                Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
    3535                the <code>&lt;textarea&gt;</code> element to be replaced.
     
    9090        <div id="footer">
    9191                <hr />
    9292                <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>
    9494                </p>
    9595                <p id="copy">
    96                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     96                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    9797                        Knabben. All rights reserved.
    9898                </p>
    9999        </div>
  • sample.css

     
    44*/
    55
    66html, 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;
    87        line-height: 1.5em;
    9         margin: 0;
    10         padding: 0;
    118}
    129
    1310body {
     
    2724  font-size: 1em;
    2825}
    2926
    30 b, strong {
    31         font-weight:bold;
     27h1.samples {
     28  color:#0782C1;
     29  font-size:200%;
     30  font-weight:normal;
     31  margin: 0;
     32  padding: 0;
    3233}
    3334
    34 i, cite, em, var, dfn, blockquote {
    35         font-style:italic;
     35h2.samples {
     36  color:#000000;
     37  font-size:130%;
     38  margin: 0;
     39  padding: 0;
    3640}
    3741
    38 p, ul, ol, blockquote, address, form, table, pre, dl, h1, h2, h3, h4, h5, h6 {
     42p, blockquote, address, form, pre, dl, h1.samples, h2.samples {
    3943        margin-bottom:15px;
    4044}
    4145
    42 ul ul, ul ol, ol ul, ol ol {
    43         margin-bottom:0;
     46ul.samples {
     47        margin-bottom:15px;
    4448}
    4549
    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 
    6650.clear {
    6751        clear:both;
    6852}
     
    8266        font-size: 75%;
    8367}
    8468
    85 a {
     69a.samples {
    8670        color:#189DE1;
     71        text-decoration:none;
    8772}
    8873
    89 h1 {
    90         color:#0782C1;
    91         font-size:200%;
    92         font-weight:normal;
     74a.samples:hover {
     75  text-decoration:underline;
    9376}
    9477
    95 h2 {
    96         color:#000000;
    97         font-size:130%;
    98 }
    99 
    10078form
    10179{
    10280        margin: 0;
    10381        padding: 0;
    10482}
    10583
    106 pre
     84pre.samples
    10785{
    10886        background-color: #F7F7F7;
    10987        border: 1px solid #D7D7D7;
  • sharedspaces.html

     
    2828        </style>
    2929</head>
    3030<body>
    31         <h1>
     31        <h1 class="samples">
    3232                CKEditor Sample &mdash; Shared Toolbars
    3333        </h1>
    3434        <div class="description">
     
    4040        <p>
    4141                CKEditor instances with shared spaces can be inserted with a JavaScript call using the following code:
    4242        </p>
    43         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     43        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    4444        {
    4545                <strong>sharedSpaces :
    4646                {
     
    9595        <div id="footer">
    9696                <hr />
    9797                <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>
    9999                </p>
    100100                <p id="copy">
    101                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     101                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    102102                        Knabben. All rights reserved.
    103103                </p>
    104104        </div>
  • skins.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; Skins
    2121        </h1>
    2222        <div class="description">
    2323        <p>
    2424                This sample shows how to automatically replace <code>&lt;textarea&gt;</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>.
    2626        </p>
    2727        <p>
    2828                CKEditor with a specified skin (in this case, the "Office 2003" skin) is inserted with a JavaScript call using the following code:
    2929        </p>
    30         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     30        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    3131        {
    3232                <strong>skin : 'office2003'</strong>
    3333        });</pre>
     
    4848                </noscript>
    4949        </div>
    5050        <form action="sample_posteddata.php" method="post">
    51         <h2>&quot;Kama&quot; skin</h2>
     51        <h2 class="samples">&quot;Kama&quot; skin</h2>
    5252        <p>The default skin used in CKEditor. No additional configuration is required.</p>
    5353                <p>
    5454                        <textarea cols="80" id="editor_kama" name="editor_kama" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
     
    6363                        //]]>
    6464                        </script>
    6565                </p>
    66         <h2>&quot;Office 2003&quot; skin</h2>
     66        <h2 class="samples">&quot;Office 2003&quot; skin</h2>
    6767        <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>',
    6969        {
    7070                <strong>skin : 'office2003'</strong>
    7171        });</pre>
     
    8282                        //]]>
    8383                        </script>
    8484                </p>
    85                 <h2>&quot;V2&quot; skin</h2>
     85                <h2 class="samples">&quot;V2&quot; skin</h2>
    8686                <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>',
    8888        {
    8989                <strong>skin : 'v2'</strong>
    9090        });</pre>
     
    103103        <div id="footer">
    104104                <hr />
    105105                <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>
    107107                </p>
    108108                <p id="copy">
    109                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     109                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    110110                        Knabben. All rights reserved.
    111111                </p>
    112112        </div>
  • ui_color.html

     
    1616        <link href="sample.css" rel="stylesheet" type="text/css" />
    1717</head>
    1818<body>
    19         <h1>
     19        <h1 class="samples">
    2020                CKEditor Sample &mdash; UI Color Picker
    2121        </h1>
    2222        <div class="description">
     
    2424                This sample shows how to automatically replace <code>&lt;textarea&gt;</code> elements
    2525                with a CKEditor instance with an option to change the color of its user interface.
    2626        </p>
    27         <h2>Setting the User Interface Color</h2>
     27        <h2 class="samples">Setting the User Interface Color</h2>
    2828        <p>
    2929        To specify the color of the user interface, set the <code>uiColor</code> property:
    3030        </p>
    31         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     31        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    3232        {
    3333                <strong>uiColor: '#EE0000'</strong>
    3434        });</pre>
     
    3636                Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
    3737                the <code>&lt;textarea&gt;</code> element to be replaced.
    3838        </p>
    39         <h2>Enabling the Color Picker</h2>
     39        <h2 class="samples">Enabling the Color Picker</h2>
    4040        <p>
    4141                If the <strong>uicolor</strong> plugin along with the dedicated <strong>UIColor</strong>
    4242                toolbar button is added to CKEditor, the user will also be able to pick the color of the
     
    4646                To insert a CKEditor instance with the <strong>uicolor</strong> plugin enabled,
    4747                use the following JavaScript call:
    4848        </p>
    49         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     49        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    5050        {
    5151                <strong>extraPlugins : 'uicolor',</strong>
    5252                toolbar : [ [ 'Bold', 'Italic' ], [ <strong>'UIColor'</strong> ] ]
     
    122122        <div id="footer">
    123123                <hr />
    124124                <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>
    126126                </p>
    127127                <p id="copy">
    128                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     128                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    129129                        Knabben. All rights reserved.
    130130                </p>
    131131        </div>
  • ui_languages.html

     
    1818        <link href="sample.css" rel="stylesheet" type="text/css" />
    1919</head>
    2020<body>
    21         <h1>
     21        <h1 class="samples">
    2222                CKEditor Sample &mdash; User Interface Languages
    2323        </h1>
    2424        <div class="description">
     
    3333        <p>
    3434        By default, CKEditor automatically localizes the editor to the language of the user.
    3535        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">
    3838        <code>defaultLanguage</code></a>. The <code>defaultLanguage</code> setting specifies the
    3939        default CKEditor language to be used when a localization suitable for user's settings is not available.
    4040        </p>
     
    4242        To specify the user interface language that will be used no matter what language is
    4343        specified in user's browser or operating system, set the <code>language</code> property:
    4444        </p>
    45         <pre>CKEDITOR.replace( '<em>textarea_id</em>',
     45        <pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
    4646        {
    4747                // Load the German interface.
    4848                <strong>language: 'de'</strong>
     
    128128        <div id="footer">
    129129                <hr />
    130130                <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>
    132132                </p>
    133133                <p id="copy">
    134                         Copyright &copy; 2003-2011, <a href="http://cksource.com/">CKSource</a> - Frederico
     134                        Copyright &copy; 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
    135135                        Knabben. All rights reserved.
    136136                </p>
    137137        </div>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy