Changeset 4851


Ignore:
Timestamp:
12/30/09 11:59:27 (6 years ago)
Author:
fredck
Message:

Removed the template system from the samples.

Location:
CKEditor/trunk/_samples
Files:
1 deleted
16 edited

Legend:

Unmodified
Added
Removed
  • CKEditor/trunk/_samples/ajax.html

    r2959 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Ajax - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
    10         <script id="headscript" type="text/javascript">
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
     17        <script type="text/javascript">
    1118        //<![CDATA[
    1219
     
    2734        /*
    2835        if ( editor.setData )
    29                 editor.setData( html );
     36        editor.setData( html );
    3037        else
    31                 CKEDITOR.on( 'loaded', function()
    32                         {
    33                                 editor.setData( html );
    34                         });
     38        CKEDITOR.on( 'loaded', function()
     39        {
     40        editor.setData( html );
     41        });
    3542        */
    3643}
     
    5562</head>
    5663<body>
    57         <div id="html">
     64        <h1>
     65                CKEditor Sample
     66        </h1>
     67        <!-- This <div> holds alert messages to be display in the sample page. -->
     68        <div id="alerts">
     69                <noscript>
     70                        <p>
     71                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     72                                support, like yours, you should still see the contents (HTML data) and you should
     73                                be able to edit it normally, without a rich editor interface.
     74                        </p>
     75                </noscript>
     76        </div>
     77        <p>
     78                <input onclick="createEditor();" type="button" value="Create Editor" />
     79                <input onclick="removeEditor();" type="button" value="Remove Editor" />
     80        </p>
     81        <!-- This div will hold the editor. -->
     82        <div id="editor">
     83        </div>
     84        <div id="contents" style="display: none">
    5885                <p>
    59                         <input type="button" value="Create Editor" onclick="createEditor();" />
    60                         <input type="button" value="Remove Editor" onclick="removeEditor();" />
    61                 </p>
    62                 <div id="editor">
    63                 </div>
    64                 <div id="contents" style="display: none">
    65                         <p>Edited Contents:</p>
    66                         <div id="editorcontents"></div>
     86                        Edited Contents:</p>
     87                <!-- This div will be used to display the editor contents. -->
     88                <div id="editorcontents">
    6789                </div>
    6890        </div>
    69         <div id="code">
    70                 <pre></pre>
     91        <div id="footer">
     92                <hr />
     93                <p>
     94                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     95                </p>
     96                <p id="copy">
     97                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     98                        Knabben. All rights reserved.
     99                </p>
    71100        </div>
    72101</body>
  • CKEditor/trunk/_samples/api.html

    r4530 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>API usage - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
    10         <script id="headscript" type="text/javascript">
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
     17        <script type="text/javascript">
    1118        //<![CDATA[
    1219
     
    1421// its initialization.
    1522CKEDITOR.on( 'instanceReady', function( ev )
    16         {
    17                 // Show the editor name and description in the browser status bar.
    18                 document.getElementById('eMessage').innerHTML = '<p>Instance "' + ev.editor.name + '" loaded.<\/p>' ;
     23{
     24        // Show the editor name and description in the browser status bar.
     25        document.getElementById( 'eMessage' ).innerHTML = '<p>Instance "' + ev.editor.name + '" loaded.<\/p>';
    1926
    20                 // Show this sample buttons.
    21                 document.getElementById('eButtons').style.visibility = '' ;
    22         });
     27        // Show this sample buttons.
     28        document.getElementById( 'eButtons' ).style.visibility = '';
     29});
    2330
    2431function InsertHTML()
    2532{
    2633        // Get the editor instance that we want to interact with.
    27         var oEditor = CKEDITOR.instances.editor1 ;
    28         var value = document.getElementById( 'plainArea' ).value ;
     34        var oEditor = CKEDITOR.instances.editor1;
     35        var value = document.getElementById( 'plainArea' ).value;
    2936
    3037        // Check the active editing mode.
    31         if (oEditor.mode == 'wysiwyg' )
     38        if ( oEditor.mode == 'wysiwyg' )
    3239        {
    3340                // Insert the desired HTML.
    34                 oEditor.insertHtml( value ) ;
     41                oEditor.insertHtml( value );
    3542        }
    3643        else
    37                 alert( 'You must be on WYSIWYG mode!' ) ;
     44                alert( 'You must be on WYSIWYG mode!' );
    3845}
    3946
     
    4148{
    4249        // Get the editor instance that we want to interact with.
    43         var oEditor = CKEDITOR.instances.editor1 ;
    44         var value = document.getElementById( 'plainArea' ).value ;
     50        var oEditor = CKEDITOR.instances.editor1;
     51        var value = document.getElementById( 'plainArea' ).value;
    4552
    4653        // Set the editor contents (replace the actual one).
    47         oEditor.setData( value ) ;
     54        oEditor.setData( value );
    4855}
    4956
     
    5158{
    5259        // Get the editor instance that we want to interact with.
    53         var oEditor = CKEDITOR.instances.editor1 ;
     60        var oEditor = CKEDITOR.instances.editor1;
    5461
    5562        // Get the editor contents
    56         alert( oEditor.getData() ) ;
     63        alert( oEditor.getData() );
    5764}
    5865
    59 function ExecuteCommand( commandName )
     66function ExecuteCommand(commandName)
    6067{
    6168        // Get the editor instance that we want to interact with.
    62         var oEditor = CKEDITOR.instances.editor1 ;
     69        var oEditor = CKEDITOR.instances.editor1;
    6370
    6471        // Check the active editing mode.
    65         if (oEditor.mode == 'wysiwyg' )
     72        if ( oEditor.mode == 'wysiwyg' )
    6673        {
    6774                // Execute the command.
    68                 oEditor.execCommand( commandName ) ;
     75                oEditor.execCommand( commandName );
    6976        }
    7077        else
    71                 alert( 'You must be on WYSIWYG mode!' ) ;
     78                alert( 'You must be on WYSIWYG mode!' );
    7279}
    7380
     
    7582{
    7683        // Get the editor instance that we want to interact with.
    77         var oEditor = CKEDITOR.instances.editor1 ;
    78         alert( oEditor.checkDirty() ) ;
     84        var oEditor = CKEDITOR.instances.editor1;
     85        alert( oEditor.checkDirty() );
    7986}
    8087
     
    8289{
    8390        // Get the editor instance that we want to interact with.
    84         var oEditor = CKEDITOR.instances.editor1 ;
    85         oEditor.resetDirty() ;
    86         alert( 'The "IsDirty" status has been reset' ) ;
     91        var oEditor = CKEDITOR.instances.editor1;
     92        oEditor.resetDirty();
     93        alert( 'The "IsDirty" status has been reset' );
    8794}
    8895
    8996        //]]>
    9097        </script>
     98
    9199</head>
    92100<body>
    93         <div id="html">
    94                 <form action="sample_posteddata.php" method="post">
     101        <h1>
     102                CKEditor Sample
     103        </h1>
     104        <!-- This <div> holds alert messages to be display in the sample page. -->
     105        <div id="alerts">
     106                <noscript>
     107                        <p>
     108                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     109                                support, like yours, you should still see the contents (HTML data) and you should
     110                                be able to edit it normally, without a rich editor interface.
     111                        </p>
     112                </noscript>
     113        </div>
     114        <form action="sample_posteddata.php" method="post">
    95115                <p>
    96                 This sample shows how to use the CKeditor JavaScript API to interact with the editor
    97                 at runtime.</p>
    98                 <textarea id="editor1" name="editor1" rows="10" cols="80">&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>
     116                        This sample shows how to use the CKeditor JavaScript API to interact with the editor
     117                        at runtime.</p>
     118                <textarea cols="80" id="editor1" name="editor1" 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>
     119
    99120                <script type="text/javascript">
    100121                //<![CDATA[
    101122                        // Replace the <textarea id="editor1"> with an CKEditor instance.
    102                         var editor = CKEDITOR.replace( 'editor1');
     123                        var editor = CKEDITOR.replace( 'editor1' );
    103124                //]]>
    104125                </script>
     126
    105127                <div id="eMessage">
    106 
    107128                </div>
    108129                <div id="eButtons" style="visibility: hidden">
    109                         <input type="button" value="Insert HTML" onclick="InsertHTML();" />
    110                         <input type="button" value="Set Editor Contents" onclick="SetContents();" />
    111                         <input type="button" value="Get Editor Contents (XHTML)" onclick="GetContents();" />
     130                        <input onclick="InsertHTML();" type="button" value="Insert HTML" />
     131                        <input onclick="SetContents();" type="button" value="Set Editor Contents" />
     132                        <input onclick="GetContents();" type="button" value="Get Editor Contents (XHTML)" />
    112133                        <br />
    113                         <textarea id="plainArea" cols="80" rows="3">&lt;h2&gt;Test&lt;/h2&gt;&lt;p&gt;This is some &lt;a href="/Test1.html"&gt;sample&lt;/a&gt; HTML&lt;/p&gt;</textarea>
     134                        <textarea cols="80" id="plainArea" rows="3">&lt;h2&gt;Test&lt;/h2&gt;&lt;p&gt;This is some &lt;a href="/Test1.html"&gt;sample&lt;/a&gt; HTML&lt;/p&gt;</textarea>
    114135                        <br />
    115136                        <br />
    116                         <input type="button" value='Execute "bold" Command' onclick="ExecuteCommand('bold');" />
    117                         <input type="button" value='Execute "link" Command' onclick="ExecuteCommand('link');" />
    118                 <br />
    119                 <br />
    120                 <input type="button" value="checkDirty()" onclick="CheckDirty();" />
    121                 <input type="button" value="resetDirty()" onclick="ResetDirty();" />
     137                        <input onclick="ExecuteCommand('bold');" type="button" value="Execute &quot;bold&quot; Command" />
     138                        <input onclick="ExecuteCommand('link');" type="button" value="Execute &quot;link&quot; Command" />
     139                        <br />
     140                        <br />
     141                        <input onclick="CheckDirty();" type="button" value="checkDirty()" />
     142                        <input onclick="ResetDirty();" type="button" value="resetDirty()" />
    122143                </div>
    123                 </form>
     144        </form>
     145        <div id="footer">
     146                <hr />
     147                <p>
     148                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     149                </p>
     150                <p id="copy">
     151                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     152                        Knabben. All rights reserved.
     153                </p>
    124154        </div>
    125155</body>
  • CKEditor/trunk/_samples/api_dialog.html

    r4530 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Replace Textarea by Code - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    1017        <style id="styles" type="text/css">
    1118
    12 .cke_button_myDialogCmd .cke_icon
    13 {
    14         display : none !important;
    15 }
     19                .cke_button_myDialogCmd .cke_icon
     20                {
     21                        display: none !important;
     22                }
    1623
    17 .cke_button_myDialogCmd .cke_label
    18 {
    19         display : inline !important;
    20 }
     24                .cke_button_myDialogCmd .cke_label
     25                {
     26                        display: inline !important;
     27                }
    2128
    2229        </style>
    23         <script id="headscript" type="text/javascript">
     30        <script type="text/javascript">
    2431        //<![CDATA[
    2532
     
    9097        //]]>
    9198        </script>
     99
    92100</head>
    93101<body>
    94         <div id="html">
    95                 <p>
    96                         This sample shows how to use the dialog API to customize dialogs whithout changing
    97                         the original editor code. The following customizations are being done::</p>
    98                 <ol>
    99                         <li><strong>Add dialog pages</strong> ("My Tab" in the Link dialog).</li>
    100                         <li><strong>Remove a dialog tab</strong> ("Target" tab from the Link dialog).</li>
    101                         <li><strong>Add dialog fields</strong> ("My Custom Field" into the Link dialog).</li>
    102                         <li><strong>Remove dialog fields</strong> ("Link Type" and "Browser Server" the Link dialog).</li>
    103                         <li><strong>Set default values for dialog fields</strong> (for the "URL" field in the
    104                                 Link dialog). </li>
    105                         <li><strong>Create a custom dialog</strong> ("My Dialog" button).</li>
    106                 </ol>
    107                 <textarea id="editor1" name="editor1" rows="10" cols="80">&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>
    108                 <script type="text/javascript">
     102        <h1>
     103                CKEditor Sample
     104        </h1>
     105        <!-- This <div> holds alert messages to be display in the sample page. -->
     106        <div id="alerts">
     107                <noscript>
     108                        <p>
     109                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     110                                support, like yours, you should still see the contents (HTML data) and you should
     111                                be able to edit it normally, without a rich editor interface.
     112                        </p>
     113                </noscript>
     114        </div>
     115        <!-- This <fieldset> holds the HTML that you will usually find in your
     116             pages. -->
     117        <p>
     118                This sample shows how to use the dialog API to customize dialogs whithout changing
     119                the original editor code. The following customizations are being done::</p>
     120        <ol>
     121                <li><strong>Add dialog pages</strong> ("My Tab" in the Link dialog).</li>
     122                <li><strong>Remove a dialog tab</strong> ("Target" tab from the Link dialog).</li>
     123                <li><strong>Add dialog fields</strong> ("My Custom Field" into the Link dialog).</li>
     124                <li><strong>Remove dialog fields</strong> ("Link Type" and "Browser Server" the Link
     125                        dialog).</li>
     126                <li><strong>Set default values for dialog fields</strong> (for the "URL" field in the
     127                        Link dialog). </li>
     128                <li><strong>Create a custom dialog</strong> ("My Dialog" button).</li>
     129        </ol>
     130        <textarea cols="80" id="editor1" name="editor1" 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>
     131        <script type="text/javascript">
    109132                //<![CDATA[
    110133                        // Replace the <textarea id="editor1"> with an CKEditor instance.
     
    148171                                });
    149172                //]]>
    150                 </script>
     173        </script>
     174        <div id="footer">
     175                <hr />
     176                <p>
     177                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     178                </p>
     179                <p id="copy">
     180                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     181                        Knabben. All rights reserved.
     182                </p>
    151183        </div>
    152184</body>
  • CKEditor/trunk/_samples/api_dialog/my_dialog.js

    r2997 r4851  
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
  • CKEditor/trunk/_samples/divreplace.html

    r4373 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Replace DIV - CKEditor Sample</title>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    917        <style id="styles" type="text/css">
    1018
     
    2230
    2331        </style>
    24         <script type="text/javascript" src="sample.js"></script>
    25         <script id="headscript" type="text/javascript">
     32        <script type="text/javascript">
    2633        //<![CDATA[
    2734
     
    6572        //]]>
    6673        </script>
     74
    6775</head>
    6876<body>
    69         <div id="html">
     77        <h1>
     78                CKEditor Sample
     79        </h1>
     80        <!-- This <div> holds alert messages to be display in the sample page. -->
     81        <div id="alerts">
     82                <noscript>
     83                        <p>
     84                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     85                                support, like yours, you should still see the contents (HTML data) and you should
     86                                be able to edit it normally, without a rich editor interface.
     87                        </p>
     88                </noscript>
     89        </div>
     90        <p>
     91                Double-click on any of the following DIVs to transform them into editor instances.</p>
     92        <div class="editable">
     93                <h3>
     94                        Part 1</h3>
    7095                <p>
    71                         Double-click on any of the following DIVs to transform them into editor instances.</p>
    72                 <div class='editable'>
    73                         <h3>
    74                                 Part 1</h3>
    75                         <p>
    76                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
    77                                 semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
    78                                 rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
    79                                 nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
    80                                 eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
    81                         </p>
    82                 </div>
    83                 <div class='editable'>
    84                         <h3>
    85                                 Part 2</h3>
    86                         <p>
    87                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
    88                                 semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
    89                                 rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
    90                                 nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
    91                                 eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
    92                         </p>
    93                         <p>
    94                                 Donec velit. Mauris massa. Vestibulum non nulla. Nam suscipit arcu nec elit. Phasellus
    95                                 sollicitudin iaculis ante. Ut non mauris et sapien tincidunt adipiscing. Vestibulum
    96                                 vitae leo. Suspendisse nec mi tristique nulla laoreet vulputate.
    97                         </p>
    98                 </div>
    99                 <div class='editable'>
    100                         <h3>
    101                                 Part 3</h3>
    102                         <p>
    103                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
    104                                 semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
    105                                 rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
    106                                 nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
    107                                 eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
    108                         </p>
    109                 </div>
     96                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
     97                        semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
     98                        rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
     99                        nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
     100                        eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
     101                </p>
    110102        </div>
    111         <div id="code">
    112                 <pre></pre>
     103        <div class="editable">
     104                <h3>
     105                        Part 2</h3>
     106                <p>
     107                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
     108                        semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
     109                        rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
     110                        nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
     111                        eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
     112                </p>
     113                <p>
     114                        Donec velit. Mauris massa. Vestibulum non nulla. Nam suscipit arcu nec elit. Phasellus
     115                        sollicitudin iaculis ante. Ut non mauris et sapien tincidunt adipiscing. Vestibulum
     116                        vitae leo. Suspendisse nec mi tristique nulla laoreet vulputate.
     117                </p>
     118        </div>
     119        <div class="editable">
     120                <h3>
     121                        Part 3</h3>
     122                <p>
     123                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et ipsum quis mi
     124                        semper accumsan. Integer pretium dui id massa. Suspendisse in nisl sit amet urna
     125                        rutrum imperdiet. Nulla eu tellus. Donec ante nisi, ullamcorper quis, fringilla
     126                        nec, sagittis eleifend, pede. Nulla commodo interdum massa. Donec id metus. Fusce
     127                        eu ipsum. Suspendisse auctor. Phasellus fermentum porttitor risus.
     128                </p>
     129        </div>
     130        <div id="footer">
     131                <hr />
     132                <p>
     133                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     134                </p>
     135                <p id="copy">
     136                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     137                        Knabben. All rights reserved.
     138                </p>
    113139        </div>
    114140</body>
  • CKEditor/trunk/_samples/enterkey.html

    r4530 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>ENTER Key Configuration - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
    10         <script id="headscript" type="text/javascript">
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
     17        <script type="text/javascript">
    1118        //<![CDATA[
    1219
     
    3340</head>
    3441<body>
    35         <!--
    36                 The values in the select boxes represent the contants taht can be used
    37                 to configure the enter key. You can use the constants directly instead
    38                 of their numeric values:
    39                         - CKEDITOR.ENTER_P              = 1;
    40                         - CKEDITOR.ENTER_BR             = 2;
    41                         - CKEDITOR.ENTER_DIV    = 3;
    42         -->
    43         <div id="html">
    44                 <div style="float: left; margin-right: 20px">
    45                         When ENTER is pressed:<br />
    46                         <select id="xEnter" onchange="changeEnter();">
    47                                 <option value="1" selected="selected">Create new &lt;P&gt; (recommended)</option>
    48                                 <option value="3">Create new &lt;DIV&gt;</option>
    49                                 <option value="2">Break the line with a &lt;BR&gt;</option>
    50                         </select>
    51                 </div>
    52                 <div style="float: left">
    53                         When SHIFT + ENTER is pressed:<br />
    54                         <select id="xShiftEnter" onchange="changeEnter();">
    55                                 <option value="1">Create new &lt;P&gt;</option>
    56                                 <option value="3">Create new &lt;DIV&gt;</option>
    57                                 <option value="2" selected="selected">Break the line with a &lt;BR&gt; (recommended)</option>
    58                         </select>
    59                 </div>
    60                 <br style="clear: both" />
    61 
    62                 <form action="sample_posteddata.php" method="post">
     42        <h1>
     43                CKEditor Sample
     44        </h1>
     45        <!-- This <div> holds alert messages to be display in the sample page. -->
     46        <div id="alerts">
     47                <noscript>
    6348                        <p>
    64                                 <br />
    65                                 <textarea id="editor1" name="editor1" rows="10" cols="80">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;.</textarea>
     49                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     50                                support, like yours, you should still see the contents (HTML data) and you should
     51                                be able to edit it normally, without a rich editor interface.
    6652                        </p>
    67                         <p>
    68                                 <input type="submit" value="Submit" />
    69                         </p>
    70                 </form>
     53                </noscript>
    7154        </div>
    72         <div id="code">
    73                 <pre></pre>
     55        <div style="float: left; margin-right: 20px">
     56                When ENTER is pressed:<br />
     57                <select id="xEnter" onchange="changeEnter();">
     58                        <option selected="selected" value="1">Create new &lt;P&gt; (recommended)</option>
     59                        <option value="3">Create new &lt;DIV&gt;</option>
     60                        <option value="2">Break the line with a &lt;BR&gt;</option>
     61                </select>
     62        </div>
     63        <div style="float: left">
     64                When SHIFT + ENTER is pressed:<br />
     65                <select id="xShiftEnter" onchange="changeEnter();">
     66                        <option value="1">Create new &lt;P&gt;</option>
     67                        <option value="3">Create new &lt;DIV&gt;</option>
     68                        <option selected="selected" value="2">Break the line with a &lt;BR&gt; (recommended)</option>
     69                </select>
     70        </div>
     71        <br style="clear: both" />
     72        <form action="sample_posteddata.php" method="post">
     73                <p>
     74                        <br />
     75                        <textarea cols="80" id="editor1" name="editor1" rows="10">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;.</textarea>
     76                </p>
     77                <p>
     78                        <input type="submit" value="Submit" />
     79                </p>
     80        </form>
     81        <div id="footer">
     82                <hr />
     83                <p>
     84                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     85                </p>
     86                <p id="copy">
     87                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     88                        Knabben. All rights reserved.
     89                </p>
    7490        </div>
    7591</body>
  • CKEditor/trunk/_samples/fullpage.html

    r4780 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Full Page Editing - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    1017</head>
    1118<body>
    12         <div id="html">
    13                 <form action="sample_posteddata.php" method="post">
     19        <h1>
     20                CKEditor Sample
     21        </h1>
     22        <!-- This <div> holds alert messages to be display in the sample page. -->
     23        <div id="alerts">
     24                <noscript>
    1425                        <p>
    15                                 In this sample the editor is configured to edit entire HTML pages, from the
    16                                 &lt;html&gt; tag to &lt;/html&gt;.</p>
    17                         <p>
    18                                 <label for="editor1">
    19                                         Editor 1:</label><br />
    20                                 <textarea id="editor1" name="editor1" rows="10" cols="80">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&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;&lt;/body&gt;&lt;/html&gt;</textarea>
    21                                 <script type="text/javascript">
    22                                 //<![CDATA[
     26                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     27                                support, like yours, you should still see the contents (HTML data) and you should
     28                                be able to edit it normally, without a rich editor interface.
     29                        </p>
     30                </noscript>
     31        </div>
     32        <form action="sample_posteddata.php" method="post">
     33                <p>
     34                        In this sample the editor is configured to edit entire HTML pages, from the &lt;html&gt;
     35                        tag to &lt;/html&gt;.</p>
     36                <p>
     37                        <label for="editor1">
     38                                Editor 1:</label><br />
     39                        <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&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;&lt;/body&gt;&lt;/html&gt;</textarea>
     40                        <script type="text/javascript">
     41                        //<![CDATA[
    2342
    24                                         CKEDITOR.replace( 'editor1',
    25                                                 {
    26                                                         fullPage : true
    27                                                 });
     43                                CKEDITOR.replace( 'editor1',
     44                                        {
     45                                                fullPage : true
     46                                        });
    2847
    29                                 //]]>
    30                                 </script>
    31                         </p>
    32                         <p>
    33                                 <input type="submit" value="Submit" />
    34                         </p>
    35                 </form>
    36         </div>
    37         <div id="code">
    38                 <pre></pre>
     48                        //]]>
     49                        </script>
     50                </p>
     51                <p>
     52                        <input type="submit" value="Submit" />
     53                </p>
     54        </form>
     55        <div id="footer">
     56                <hr />
     57                <p>
     58                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     59                </p>
     60                <p id="copy">
     61                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     62                        Knabben. All rights reserved.
     63                </p>
    3964        </div>
    4065</body>
  • CKEditor/trunk/_samples/jqueryadapter.html

    r4774 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>jQuery adapter - CKEditor Sample</title>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
    910        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    10 <!-- CKReleaser %REMOVE_LINE%
     11        <!-- CKReleaser %REMOVE_LINE%
    1112        <script type="text/javascript" src="../ckeditor.js"></script>
    1213        <script type="text/javascript" src="../adapters/jquery.js"></script>
    13 CKReleaser %REMOVE_START% -->
     14        CKReleaser %REMOVE_START% -->
    1415        <script type="text/javascript" src="../ckeditor_source.js"></script>
    1516        <script type="text/javascript" src="../_source/adapters/jquery.js"></script>
    16 <!-- CKReleaser %REMOVE_END% -->
     17        <!-- CKReleaser %REMOVE_END% -->
     18        <script src="sample.js" type="text/javascript"></script>
     19        <link href="sample.css" rel="stylesheet" type="text/css" />
    1720        <script type="text/javascript">
    18                 $( function()
    19                 {
    20                         var config = {
    21                                 toolbar :
    22                                 [
    23                                         [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
    24                                         [ 'UIColor' ]
    25                                 ]
    26                         };
     21        //<![CDATA[
    2722
    28                         // Initialize the editor.
    29                         // Callback function can be passed and executed after full instance creation.
    30                         $( '.jquery_ckeditor' ).ckeditor( config );
    31                 } );
     23$(function()
     24{
     25        var config = {
     26                toolbar:
     27                [
     28                        ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],
     29                        ['UIColor']
     30                ]
     31        };
     32
     33        // Initialize the editor.
     34        // Callback function can be passed and executed after full instance creation.
     35        $('.jquery_ckeditor').ckeditor(config);
     36});
     37
     38        //]]>
    3239        </script>
    3340</head>
    3441<body>
    35         <div id="html">
    36                 <form action="sample_posteddata.php" method="post">
     42        <h1>
     43                CKEditor Sample
     44        </h1>
     45        <!-- This <div> holds alert messages to be display in the sample page. -->
     46        <div id="alerts">
     47                <noscript>
    3748                        <p>
    38                                 <label for="editor1">
    39                                         Editor 1:</label><br />
    40                                 <textarea id="editor1" name="editor1" class="jquery_ckeditor" rows="10" cols="80">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
     49                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     50                                support, like yours, you should still see the contents (HTML data) and you should
     51                                be able to edit it normally, without a rich editor interface.
    4152                        </p>
    42                         <p>
    43                                 <input type="submit" value="Submit" />
    44                         </p>
    45                 </form>
     53                </noscript>
    4654        </div>
    47         <div id="code">
    48                 <pre>
    49 &lt;script type=&quot;text/javascript&quot;&gt;
    50         $( function()
    51         {
    52                 $( '.jquery_ckeditor' ).<b>ckeditor()</b>;
    53         } );
    54 &lt;/script&gt;
    55                 </pre>
    56                 <pre>
    57 &lt;form action=""&gt;
    58   &lt;p&gt;
    59     &lt;label for="editor1"&gt;
    60       Editor 1:&lt;/label&gt;&lt;br /&gt;
    61     &lt;textarea id="editor1" name="editor1" <b>class="jquery_ckeditor"</b> rows="10" cols="80"&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/textarea&gt;
    62   &lt;/p&gt;
    63   &lt;p&gt;
    64 &lt;/form&gt;
    65 </pre>
     55        <!-- This <fieldset> holds the HTML that you will usually find in your
     56             pages. -->
     57        <form action="sample_posteddata.php" method="post">
     58        <p>
     59                <label for="editor1">
     60                        Editor 1:</label><br />
     61                <textarea class="jquery_ckeditor" cols="80" id="editor1" name="editor1" 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>
     62        </p>
     63        <p>
     64                <input type="submit" value="Submit" />
     65        </p>
     66        </form>
     67        <div id="footer">
     68                <hr />
     69                <p>
     70                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     71                </p>
     72                <p id="copy">
     73                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     74                        Knabben. All rights reserved.
     75                </p>
    6676        </div>
    6777</body>
  • CKEditor/trunk/_samples/replacebyclass.html

    r4530 r4851  
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    22<!--
    33Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Replace Textareas by Class Name - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    1017</head>
    1118<body>
    12         <div id="html">
    13                 <form action="sample_posteddata.php" method="post">
     19        <h1>
     20                CKEditor Sample
     21        </h1>
     22        <!-- This <div> holds alert messages to be display in the sample page. -->
     23        <div id="alerts">
     24                <noscript>
    1425                        <p>
    15                                 <label for="editor1">
    16                                         Editor 1:</label><br />
    17                                 <textarea id="editor1" name="editor1" class="ckeditor" rows="10" cols="80">&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>
     26                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     27                                support, like yours, you should still see the contents (HTML data) and you should
     28                                be able to edit it normally, without a rich editor interface.
    1829                        </p>
    19                         <p>
    20                                 <input type="submit" value="Submit" />
    21                         </p>
    22                 </form>
     30                </noscript>
    2331        </div>
    24         <div id="code">
    25                 <pre>
    26 &lt;form action=""&gt;
    27   &lt;p&gt;
    28     &lt;label for="editor1"&gt;
    29       Editor 1:&lt;/label&gt;&lt;br /&gt;
    30     &lt;textarea id="editor1" name="editor1" <b>class="ckeditor"</b> rows="10" cols="80"&gt;&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;&lt;/textarea&gt;
    31   &lt;/p&gt;
    32   &lt;p&gt;
    33     &lt;label for="editor2"&gt;
    34       Editor 2:&lt;/label&gt;&lt;br /&gt;
    35     &lt;textarea id="editor2" name="editor2" <b>class="ckeditor"</b> rows="10" cols="80"&gt;&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;&lt;/textarea&gt;
    36   &lt;/p&gt;
    37   &lt;p&gt;
    38     &lt;input type="submit" value="Submit" /&gt;
    39   &lt;/p&gt;
    40 &lt;/form&gt;
    41 </pre>
     32        <form action="sample_posteddata.php" method="post">
     33                <p>
     34                        <label for="editor1">
     35                                Editor 1:</label><br />
     36                        <textarea class="ckeditor" cols="80" id="editor1" name="editor1" 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>
     37                </p>
     38                <p>
     39                        <input type="submit" value="Submit" />
     40                </p>
     41        </form>
     42        <div id="footer">
     43                <hr />
     44                <p>
     45                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     46                </p>
     47                <p id="copy">
     48                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     49                        Knabben. All rights reserved.
     50                </p>
    4251        </div>
    4352</body>
  • CKEditor/trunk/_samples/replacebycode.html

    r4530 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Replace Textarea by Code - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    1017</head>
    1118<body>
    12         <div id="html">
    13                 <form action="sample_posteddata.php" method="post">
     19        <h1>
     20                CKEditor Sample
     21        </h1>
     22        <!-- This <div> holds alert messages to be display in the sample page. -->
     23        <div id="alerts">
     24                <noscript>
    1425                        <p>
    15                                 <label for="editor1">
    16                                         Editor 1:</label><br />
    17                                 <textarea id="editor1" name="editor1" rows="10" cols="80">&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>
    18                                 <script type="text/javascript">
    19                                 //<![CDATA[
     26                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     27                                support, like yours, you should still see the contents (HTML data) and you should
     28                                be able to edit it normally, without a rich editor interface.
     29                        </p>
     30                </noscript>
     31        </div>
     32        <form action="sample_posteddata.php" method="post">
     33                <p>
     34                        <label for="editor1">
     35                                Editor 1:</label><br />
     36                        <textarea cols="80" id="editor1" name="editor1" 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>
     37                        <script type="text/javascript">
     38                        //<![CDATA[
    2039
    21                                         // This call can be placed at any point after the
    22                                         // <textarea>, or inside a <head><script> in a
    23                                         // window.onload event handler.
     40                                // This call can be placed at any point after the
     41                                // <textarea>, or inside a <head><script> in a
     42                                // window.onload event handler.
    2443
    25                                         // Replace the <textarea id="editor"> with an CKEditor
    26                                         // instance, using default configurations.
    27                                         CKEDITOR.replace( 'editor1' );
     44                                // Replace the <textarea id="editor"> with an CKEditor
     45                                // instance, using default configurations.
     46                                CKEDITOR.replace( 'editor1' );
    2847
    29                                 //]]>
    30                                 </script>
    31                         </p>
    32                         <p>
    33                                 <label for="editor2">
    34                                         Editor 2:</label><br />
    35                                 <textarea id="editor2" name="editor2" rows="10" cols="80">&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>
    36                                 <script type="text/javascript">
    37                                 //<![CDATA[
     48                        //]]>
     49                        </script>
     50                </p>
     51                <p>
     52                        <label for="editor2">
     53                                Editor 2:</label><br />
     54                        <textarea cols="80" id="editor2" name="editor2" 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>
     55                        <script type="text/javascript">
     56                        //<![CDATA[
    3857
    39                                         // This call can be placed at any point after the
    40                                         // <textarea>, or inside a <head><script> in a
    41                                         // window.onload event handler.
     58                                // This call can be placed at any point after the
     59                                // <textarea>, or inside a <head><script> in a
     60                                // window.onload event handler.
    4261
    43                                         // Replace the <textarea id="editor"> with an CKEditor
    44                                         // instance, using default configurations.
    45                                         CKEDITOR.replace( 'editor2' );
     62                                // Replace the <textarea id="editor"> with an CKEditor
     63                                // instance, using default configurations.
     64                                CKEDITOR.replace( 'editor2' );
    4665
    47                                 //]]>
    48                                 </script>
    49                         </p>
    50                         <p>
    51                                 <input type="submit" value="Submit" />
    52                         </p>
    53                 </form>
    54         </div>
    55         <div id="code">
    56                 <pre>
    57 &lt;form action=""&gt;
    58   &lt;p&gt;
    59     &lt;label for="editor1"&gt;
    60       Editor 1:&lt;/label&gt;&lt;br /&gt;
    61     &lt;textarea <b>name="editor1"</b> rows="10" cols="80"&gt;&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;&lt;/textarea&gt;
    62     &lt;script type="text/javascript"&gt;
    63     //&lt;![CDATA[
    64 
    65       <b>CKEDITOR.replace( 'editor1' );</b>
    66 
    67     //]]&gt;
    68     &lt;/script&gt;
    69   &lt;/p&gt;
    70   &lt;p&gt;
    71     &lt;input type="submit" value="Submit" /&gt;
    72   &lt;/p&gt;
    73 &lt;/form&gt;
    74 </pre>
     66                        //]]>
     67                        </script>
     68                </p>
     69                <p>
     70                        <input type="submit" value="Submit" />
     71                </p>
     72        </form>
     73        <div id="footer">
     74                <hr />
     75                <p>
     76                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     77                </p>
     78                <p id="copy">
     79                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     80                        Knabben. All rights reserved.
     81                </p>
    7582        </div>
    7683</body>
  • CKEditor/trunk/_samples/sample.css

    r3005 r4851  
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
  • CKEditor/trunk/_samples/sample.js

    r3533 r4851  
    77// It is just a helper file that displays a red message about browser compatibility
    88// at the top of the samples (if incompatible browser is detected).
    9 // %REMOVE_START%
    10 // In the SVN version of CKEditor, it does some more magic, for example it
    11 // redirects all samples to the sample.html file. It still can be ignored anyway.
    12 // %REMOVE_END%
    13 
    14 // Firebug has been presented some bugs with console. It must be "initialized"
    15 // before the page load to work.
    16 // FIXME: Remove the following in the future, if Firebug gets fixed.
    17 if ( typeof console != 'undefined' )
    18         console.log();
    19 
    20 // %REMOVE_START%
    21 (function()
    22 {
    23         // The sample##.html files also include this script. We don't want them to
    24         // run, so we redirect to the samples.html page, passing the correct
    25         // querystring parameter to load the desired page.
    26 
    27         var sampleMatch = window.location.pathname.match( /[\/\\]([^\/\\]+).html/ );
    28         if ( sampleMatch && sampleMatch[1] != 'sample' )
    29                 window.location = 'sample.html?sample=' + sampleMatch[1] + ( location.search.length > 1 ? '&' + location.search.substr(1) : '' );
    30 })();
    31 // %REMOVE_END%
    329
    3310if ( window.CKEDITOR )
    3411{
    35 // %REMOVE_START%
    36         CKEDITOR.samples = (function()
    37         {
    38                 var ajax = CKEDITOR.ajax;
    39 
    40                 // Default values for the CKEDITOR.samples properties.
    41                 var samples =
    42                 {
    43                         htmlData : '<p>No HTML data available.</p>',
    44                         codeData : '<p>No code data available.</p>'
    45                 };
    46 
    47                 if ( /[?&]sample=[^&]+/.test( document.location.search ) )
    48                 {
    49                         var currentSample = document.location.search.match( /[?&]sample=([^&]+)/ )[1];
    50                         var sampleData = ajax.loadXml( CKEDITOR.getUrl( '_samples/' + currentSample + '.html' ) );
    51 
    52                         if ( sampleData )
    53                         {
    54                                 var getNodeHtml = function ( id )
    55                                 {
    56                                         return sampleData.getInnerXml( '//*[@id="' + id + '"]' );
    57                                 };
    58 
    59                                 samples.headScript      = getNodeHtml( 'headscript' ) || '';
    60                                 samples.styles          = getNodeHtml( 'styles' ) || '';
    61                                 samples.htmlData        = getNodeHtml( 'html' ) || '';
    62                                 samples.codeData        = getNodeHtml( 'code' ) || '';
    63 
    64                                 if ( samples.headScript )
    65                                         samples.headScript = '<script id="headscript" type="text/javascript">' + samples.headScript + '</script>';
    66 
    67                                 if ( samples.styles )
    68                                         samples.styles = '<style id="styles" type="text/css">' + samples.styles + '</style>';
    69 
    70                                 // The '//*/*/*' XPath is the only way to make it work with
    71                                 // xmlns="http://www.w3.org/1999/xhtml" without workarounds. It
    72                                 // means that we must always have <html><head><title> in this
    73                                 // precise order.
    74                                 document.title = sampleData.getInnerXml( '//*/*/*' );
    75                         }
    76                 }
    77 
    78                 return samples;
    79         })();
    80 // %REMOVE_END%
    8112        (function()
    8213        {
     
    11445                        html += '</p><p>With non compatible browsers, you should still be able to see and edit the contents (HTML) in a plain text field.</p>';
    11546
    116                         document.getElementById( 'alerts' ).innerHTML = html;
     47                        var alertsEl = document.getElementById( 'alerts' );
     48                        alertsEl && ( alertsEl.innerHTML = html );
    11749                };
    11850
  • CKEditor/trunk/_samples/sharedspaces.html

    r4780 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Replace Textarea by Code - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    1017        <style id="styles" type="text/css">
    1118
    12 #editorsForm
    13 {
    14         height: 400px;
    15         overflow: auto;
    16         border: solid 1px #555;
    17         margin: 10px 0;
    18         padding: 0 10px;
    19 }
     19                #editorsForm
     20                {
     21                        height: 400px;
     22                        overflow: auto;
     23                        border: solid 1px #555;
     24                        margin: 10px 0;
     25                        padding: 0 10px;
     26                }
    2027
    2128        </style>
    2229</head>
    2330<body>
    24         <div id="html">
    25                 <div id="topSpace">
    26                 </div>
    27                 <form id="editorsForm" action="sample_posteddata.php" method="post">
     31        <h1>
     32                CKEditor Sample
     33        </h1>
     34        <!-- This <div> holds alert messages to be display in the sample page. -->
     35        <div id="alerts">
     36                <noscript>
    2837                        <p>
    29                                 <label for="editor1">
    30                                         Editor 1 (uses the shared toolbar and element path):</label><br />
    31                                 <textarea id="editor1" name="editor1" rows="10" cols="80">&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>
    32                                 <script type="text/javascript">
    33                                 //<![CDATA[
    34                                         CKEDITOR.replace( 'editor1',
     38                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     39                                support, like yours, you should still see the contents (HTML data) and you should
     40                                be able to edit it normally, without a rich editor interface.
     41                        </p>
     42                </noscript>
     43        </div>
     44        <div id="topSpace">
     45        </div>
     46        <form action="sample_posteddata.php" id="editorsForm" method="post">
     47                <p>
     48                        <label for="editor1">
     49                                Editor 1 (uses the shared toolbar and element path):</label><br />
     50                        <textarea cols="80" id="editor1" name="editor1" 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>
     51                        <script type="text/javascript">
     52                        //<![CDATA[
     53                                CKEDITOR.replace( 'editor1',
     54                                        {
     55                                                sharedSpaces :
    3556                                                {
    36                                                         sharedSpaces :
    37                                                         {
    38                                                                 top : 'topSpace',
    39                                                                 bottom : 'bottomSpace'
    40                                                         },
     57                                                        top : 'topSpace',
     58                                                        bottom : 'bottomSpace'
     59                                                },
    4160
    42                                                         // Removes the maximize plugin as it's not usable
    43                                                         // in a shared toolbar.
    44                                                         // Removes the resizer as it's not usable in a
    45                                                         // shared elements path.
    46                                                         removePlugins : 'maximize,resize'
    47                                                 } );
    48                                 //]]>
    49                                 </script>
    50                         </p>
    51                         <p>
    52                                 <label for="editor2">
    53                                         Editor 2 (uses the shared toolbar and element path):</label><br />
    54                                 <textarea id="editor2" name="editor2" rows="10" cols="80">&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>
    55                                 <script type="text/javascript">
    56                                 //<![CDATA[
    57                                         CKEDITOR.replace( 'editor2',
     61                                                // Removes the maximize plugin as it's not usable
     62                                                // in a shared toolbar.
     63                                                // Removes the resizer as it's not usable in a
     64                                                // shared elements path.
     65                                                removePlugins : 'maximize,resize'
     66                                        } );
     67                        //]]>
     68                        </script>
     69                </p>
     70                <p>
     71                        <label for="editor2">
     72                                Editor 2 (uses the shared toolbar and element path):</label><br />
     73                        <textarea cols="80" id="editor2" name="editor2" 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>
     74                        <script type="text/javascript">
     75                        //<![CDATA[
     76                                CKEDITOR.replace( 'editor2',
     77                                        {
     78                                                sharedSpaces :
    5879                                                {
    59                                                         sharedSpaces :
    60                                                         {
    61                                                                 top : 'topSpace',
    62                                                                 bottom : 'bottomSpace'
    63                                                         },
     80                                                        top : 'topSpace',
     81                                                        bottom : 'bottomSpace'
     82                                                },
    6483
    65                                                         // Removes the maximize plugin as it's not usable
    66                                                         // in a shared toolbar.
    67                                                         // Removes the resizer as it's not usable in a
    68                                                         // shared elements path.
    69                                                         removePlugins : 'maximize,resize'
    70                                                 } );
    71                                 //]]>
    72                                 </script>
    73                         </p>
    74                         <p>
    75                                 <label for="editor3">
    76                                         Editor 3 (uses the shared toolbar only):</label><br />
    77                                 <textarea id="editor3" name="editor3" rows="10" cols="80">&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>
    78                                 <script type="text/javascript">
    79                                 //<![CDATA[
    80                                         CKEDITOR.replace( 'editor3',
     84                                                // Removes the maximize plugin as it's not usable
     85                                                // in a shared toolbar.
     86                                                // Removes the resizer as it's not usable in a
     87                                                // shared elements path.
     88                                                removePlugins : 'maximize,resize'
     89                                        } );
     90                        //]]>
     91                        </script>
     92                </p>
     93                <p>
     94                        <label for="editor3">
     95                                Editor 3 (uses the shared toolbar only):</label><br />
     96                        <textarea cols="80" id="editor3" name="editor3" 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>
     97                        <script type="text/javascript">
     98                        //<![CDATA[
     99                                CKEDITOR.replace( 'editor3',
     100                                        {
     101                                                sharedSpaces :
    81102                                                {
    82                                                         sharedSpaces :
    83                                                         {
    84                                                                 top : 'topSpace'
    85                                                         },
     103                                                        top : 'topSpace'
     104                                                },
    86105
    87                                                         // Removes the maximize plugin as it's not usable
    88                                                         // in a shared toolbar.
    89                                                         removePlugins : 'maximize'
    90                                                 } );
    91                                 //]]>
    92                                 </script>
    93                         </p>
    94                         <p>
    95                                 <label for="editor4">
    96                                         Editor 4 (no shared spaces):</label><br />
    97                                 <textarea id="editor4" name="editor4" rows="10" cols="80">&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>
    98                                 <script type="text/javascript">
    99                                 //<![CDATA[
    100                                         CKEDITOR.replace( 'editor4' );
    101                                 //]]>
    102                                 </script>
    103                         </p>
    104                         <p>
    105                                 <input type="submit" value="Submit" />
    106                         </p>
    107                 </form>
    108                 <div id="bottomSpace">
    109                 </div>
     106                                                // Removes the maximize plugin as it's not usable
     107                                                // in a shared toolbar.
     108                                                removePlugins : 'maximize'
     109                                        } );
     110                        //]]>
     111                        </script>
     112                </p>
     113                <p>
     114                        <label for="editor4">
     115                                Editor 4 (no shared spaces):</label><br />
     116                        <textarea cols="80" id="editor4" name="editor4" 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>
     117                        <script type="text/javascript">
     118                        //<![CDATA[
     119                                CKEDITOR.replace( 'editor4' );
     120                        //]]>
     121                        </script>
     122                </p>
     123                <p>
     124                        <input type="submit" value="Submit" />
     125                </p>
     126        </form>
     127        <div id="bottomSpace">
    110128        </div>
    111         <div id="code">
    112                 <pre></pre>
     129        <div id="footer">
     130                <hr />
     131                <p>
     132                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     133                </p>
     134                <p id="copy">
     135                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     136                        Knabben. All rights reserved.
     137                </p>
    113138        </div>
    114139</body>
  • CKEditor/trunk/_samples/skins.html

    r4530 r4851  
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    22<!--
    33Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>Skins - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    1017</head>
    1118<body>
    12         <div id="html">
    13                 <form action="sample_posteddata.php" method="post">
     19        <h1>
     20                CKEditor Sample
     21        </h1>
     22        <!-- This <div> holds alert messages to be display in the sample page. -->
     23        <div id="alerts">
     24                <noscript>
    1425                        <p>
    15                                 "Kama" skin:<br />
    16                                 <textarea id="editor_kama" name="editor_kama" rows="10" cols="80">&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>
    17                                 <script type="text/javascript">
    18                                 //<![CDATA[
     26                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     27                                support, like yours, you should still see the contents (HTML data) and you should
     28                                be able to edit it normally, without a rich editor interface.
     29                        </p>
     30                </noscript>
     31        </div>
     32        <form action="sample_posteddata.php" method="post">
     33                <p>
     34                        "Kama" skin:<br />
     35                        <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>
     36                        <script type="text/javascript">
     37                        //<![CDATA[
    1938
    20                                         CKEDITOR.replace( 'editor_kama',
    21                                                 {
    22                                                         skin : 'kama'
    23                                                 });
     39                                CKEDITOR.replace( 'editor_kama',
     40                                        {
     41                                                skin : 'kama'
     42                                        });
    2443
    25                                 //]]>
    26                                 </script>
    27                         </p>
    28                         <p>
    29                                 "Office 2003" skin:<br />
    30                                 <textarea id="editor_office2003" name="editor_office2003" rows="10" cols="80">&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>
    31                                 <script type="text/javascript">
    32                                 //<![CDATA[
     44                        //]]>
     45                        </script>
     46                </p>
     47                <p>
     48                        "Office 2003" skin:<br />
     49                        <textarea cols="80" id="editor_office2003" name="editor_office2003" 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>
     50                        <script type="text/javascript">
     51                        //<![CDATA[
    3352
    34                                         CKEDITOR.replace( 'editor_office2003',
    35                                                 {
    36                                                         skin : 'office2003'
    37                                                 });
     53                                CKEDITOR.replace( 'editor_office2003',
     54                                        {
     55                                                skin : 'office2003'
     56                                        });
    3857
    39                                 //]]>
    40                                 </script>
    41                         </p>
    42                         <p>
    43                                 "V2" skin:<br />
    44                                 <textarea id="editor_v2" name="editor_v2" rows="10" cols="80">&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>
    45                                 <script type="text/javascript">
    46                                 //<![CDATA[
     58                        //]]>
     59                        </script>
     60                </p>
     61                <p>
     62                        "V2" skin:<br />
     63                        <textarea cols="80" id="editor_v2" name="editor_v2" 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>
     64                        <script type="text/javascript">
     65                        //<![CDATA[
    4766
    48                                         CKEDITOR.replace( 'editor_v2',
    49                                                 {
    50                                                         skin : 'v2'
    51                                                 });
     67                                CKEDITOR.replace( 'editor_v2',
     68                                        {
     69                                                skin : 'v2'
     70                                        });
    5271
    53                                 //]]>
    54                                 </script>
    55                         </p>
    56                 </form>
    57         </div>
    58         <div id="code">
    59                 <pre></pre>
     72                        //]]>
     73                        </script>
     74                </p>
     75        </form>
     76        <div id="footer">
     77                <hr />
     78                <p>
     79                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     80                </p>
     81                <p id="copy">
     82                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     83                        Knabben. All rights reserved.
     84                </p>
    6085        </div>
    6186</body>
  • CKEditor/trunk/_samples/ui_color.html

    r4530 r4851  
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>UI Color Setting Tool - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        CKReleaser %REMOVE_START% -->
     13        <script type="text/javascript" src="../ckeditor_source.js"></script>
     14        <!-- CKReleaser %REMOVE_END% -->
     15        <script src="sample.js" type="text/javascript"></script>
     16        <link href="sample.css" rel="stylesheet" type="text/css" />
    1017</head>
    1118<body>
    12         <div id="html">
    13                 <p>Click the UI Color Picker button to test your color preferences at runtime.</p>
    14                 <form action="sample_posteddata.php" method="post">
     19        <h1>
     20                CKEditor Sample
     21        </h1>
     22        <!-- This <div> holds alert messages to be display in the sample page. -->
     23        <div id="alerts">
     24                <noscript>
    1525                        <p>
    16                                 <textarea id="editor1" name="editor1" rows="10" cols="80">&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>
    17                                 <script type="text/javascript">
    18                                 //<![CDATA[
     26                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     27                                support, like yours, you should still see the contents (HTML data) and you should
     28                                be able to edit it normally, without a rich editor interface.
     29                        </p>
     30                </noscript>
     31        </div>
     32        <p>
     33                Click the UI Color Picker button to test your color preferences at runtime.</p>
     34        <form action="sample_posteddata.php" method="post">
     35        <p>
     36                <textarea cols="80" id="editor1" name="editor1" 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>
     37                <script type="text/javascript">
     38                //<![CDATA[
    1939
    20                                         // Replace the <textarea id="editor"> with an CKEditor
    21                                         // instance, using default configurations.
    22                                         CKEDITOR.replace( 'editor1',
    23                                                 {
    24                                                         extraPlugins : 'uicolor',
    25                                                         toolbar :
    26                                                         [
    27                                                                 [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
    28                                                                 [ 'UIColor' ]
    29                                                         ]
    30                                                 });
     40                        // Replace the <textarea id="editor"> with an CKEditor
     41                        // instance, using default configurations.
     42                        CKEDITOR.replace( 'editor1',
     43                                {
     44                                        extraPlugins : 'uicolor',
     45                                        toolbar :
     46                                        [
     47                                                [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
     48                                                [ 'UIColor' ]
     49                                        ]
     50                                });
    3151
    32                                 //]]>
    33                                 </script>
    34                         </p>
    35                         <p>
    36                                 <textarea id="editor2" name="editor2" rows="10" cols="80">&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>
    37                                 <script type="text/javascript">
    38                                 //<![CDATA[
     52                //]]>
     53                </script>
     54        </p>
     55        <p>
     56                <textarea cols="80" id="editor2" name="editor2" 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>
     57                <script type="text/javascript">
     58                //<![CDATA[
    3959
    40                                         // Replace the <textarea id="editor"> with an CKEditor
    41                                         // instance, using default configurations.
    42                                         CKEDITOR.replace( 'editor2',
    43                                                 {
    44                                                         extraPlugins : 'uicolor',
    45                                                         uiColor: '#14B8C4',
    46                                                         toolbar :
    47                                                         [
    48                                                                 [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
    49                                                                 [ 'UIColor' ]
    50                                                         ]
    51                                                 } );
     60                        // Replace the <textarea id="editor"> with an CKEditor
     61                        // instance, using default configurations.
     62                        CKEDITOR.replace( 'editor2',
     63                                {
     64                                        extraPlugins : 'uicolor',
     65                                        uiColor: '#14B8C4',
     66                                        toolbar :
     67                                        [
     68                                                [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
     69                                                [ 'UIColor' ]
     70                                        ]
     71                                } );
    5272
    53                                 //]]>
    54                                 </script>
    55                         </p>
    56                         <p>
    57                                 <input type="submit" value="Submit" />
    58                         </p>
    59                 </form>
    60         </div>
    61         <div id="code">
    62                 <pre>
    63 &lt;form action=""&gt;
    64   &lt;p&gt;
    65     &lt;label for="editor1"&gt;
    66       Editor 1:&lt;/label&gt;&lt;br /&gt;
    67     &lt;textarea <b>name="editor1"</b> rows="10" cols="80"&gt;&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;&lt;/textarea&gt;
    68     &lt;script type="text/javascript"&gt;
    69     //&lt;![CDATA[
    70 
    71       <b>CKEDITOR.replace( 'editor1' );</b>
    72 
    73     //]]&gt;
    74     &lt;/script&gt;
    75   &lt;/p&gt;
    76   &lt;p&gt;
    77     &lt;input type="submit" value="Submit" /&gt;
    78   &lt;/p&gt;
    79 &lt;/form&gt;
    80 </pre>
     73                //]]>
     74                </script>
     75        </p>
     76        <p>
     77                <input type="submit" value="Submit" />
     78        </p>
     79        </form>
     80        <div id="footer">
     81                <hr />
     82                <p>
     83                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     84                </p>
     85                <p id="copy">
     86                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     87                        Knabben. All rights reserved.
     88                </p>
    8189        </div>
    8290</body>
  • CKEditor/trunk/_samples/ui_languages.html

    r4530 r4851  
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    22<!--
    33Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     
    66<html xmlns="http://www.w3.org/1999/xhtml">
    77<head>
    8         <title>User Interface Globalization - CKEditor Sample</title>
    9         <script type="text/javascript" src="sample.js"></script>
    10         <script id="headscript" type="text/javascript">
    11         //<![CDATA[
    12 
    13         document.write( '<script type="text/javascript" src="../' +
    14                 '_source/' +    // %REMOVE_LINE%
    15                 'lang/_languages.js"><\/script>' );
    16 
    17         //]]>
    18         </script>
     8        <title>Sample - CKEditor</title>
     9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
     10        <!-- CKReleaser %REMOVE_LINE%
     11        <script type="text/javascript" src="../ckeditor.js"></script>
     12        <script type="text/javascript" src="../lang/_languages.js"></script>
     13        CKReleaser %REMOVE_START% -->
     14        <script type="text/javascript" src="../ckeditor_source.js"></script>
     15        <script type="text/javascript" src="../_source/lang/_languages.js"></script>
     16        <!-- CKReleaser %REMOVE_END% -->
     17        <script src="sample.js" type="text/javascript"></script>
     18        <link href="sample.css" rel="stylesheet" type="text/css" />
    1919</head>
    2020<body>
    21         <div id="html">
    22                 <form action="sample_posteddata.php" method="post">
     21        <h1>
     22                CKEditor Sample
     23        </h1>
     24        <!-- This <div> holds alert messages to be display in the sample page. -->
     25        <div id="alerts">
     26                <noscript>
    2327                        <p>
    24                                 <label for="editor1">
    25                                         Available languages (<span id="count">&nbsp;</span>
    26                                         languages!):</label><br />
    27                                 <select id="languages" onchange="createEditor( this.value );" disabled="disabled">
    28                                         <script type="text/javascript">
    29                                         //<![CDATA[
    30 
    31                                                 // Get the language list from the _languages.js file.
    32                                                 for ( var i = 0 ; i < window.CKEDITOR_LANGS.length ; i++ )
    33                                                 {
    34                                                         document.write(
    35                                                                 '<option value="' + window.CKEDITOR_LANGS[i].code + '">' +
    36                                                                         window.CKEDITOR_LANGS[i].name +
    37                                                                 '</option>' );
    38                                                 }
    39 
    40                                         //]]>
    41                                         </script>
    42                                 </select>
    43                                 <br />
    44                                 <span style="color: #888888">(You may see strange characters if your system doesn't
    45                                         support the selected language)</span>
     28                                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
     29                                support, like yours, you should still see the contents (HTML data) and you should
     30                                be able to edit it normally, without a rich editor interface.
    4631                        </p>
    47                         <p>
    48                                 <textarea id="editor1" name="editor1" rows="10" cols="80">&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>
     32                </noscript>
     33        </div>
     34        <form action="sample_posteddata.php" method="post">
     35                <p>
     36                        <label for="editor1">
     37                                Available languages (<span id="count"> </span>languages!):</label><br />
     38                        <select disabled="disabled" id="languages" onchange="createEditor( this.value );">
    4939                                <script type="text/javascript">
    5040                                //<![CDATA[
    5141
    52                                         // Set the number of languages.
    53                                         document.getElementById( 'count' ).innerHTML = window.CKEDITOR_LANGS.length;
    54 
    55                                         var editor;
    56 
    57                                         function createEditor( languageCode )
     42                                        // Get the language list from the _languages.js file.
     43                                        for ( var i = 0 ; i < window.CKEDITOR_LANGS.length ; i++ )
    5844                                        {
    59                                                 if ( editor )
    60                                                         editor.destroy();
    61 
    62                                                 // Replace the <textarea id="editor"> with an CKEditor
    63                                                 // instance, using default configurations.
    64                                                 editor = CKEDITOR.replace( 'editor1',
    65                                                         {
    66                                                                 language : languageCode,
    67 
    68                                                                 on :
    69                                                                 {
    70                                                                         instanceReady : function()
    71                                                                         {
    72                                                                                 // Wait for the editor to be ready to set
    73                                                                                 // the language combo.
    74                                                                                 var languages = document.getElementById( 'languages' );
    75                                                                                 languages.value = this.langCode;
    76                                                                                 languages.disabled = false;
    77                                                                         }
    78                                                                 }
    79                                                         } );
     45                                                document.write(
     46                                                        '<option value="' + window.CKEDITOR_LANGS[i].code + '">' +
     47                                                                window.CKEDITOR_LANGS[i].name +
     48                                                        '</option>' );
    8049                                        }
    81 
    82                                         // At page startup, load the default language:
    83                                         createEditor( '' );
    8450
    8551                                //]]>
    8652                                </script>
    87                         </p>
    88                 </form>
    89         </div>
    90         <div id="code">
    91                 <pre></pre>
     53                        </select>
     54                        <br />
     55                        <span style="color: #888888">(You may see strange characters if your system doesn't
     56                                support the selected language)</span>
     57                </p>
     58                <p>
     59                        <textarea cols="80" id="editor1" name="editor1" 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>
     60                        <script type="text/javascript">
     61                        //<![CDATA[
     62
     63                                // Set the number of languages.
     64                                document.getElementById( 'count' ).innerHTML = window.CKEDITOR_LANGS.length;
     65
     66                                var editor;
     67
     68                                function createEditor( languageCode )
     69                                {
     70                                        if ( editor )
     71                                                editor.destroy();
     72
     73                                        // Replace the <textarea id="editor"> with an CKEditor
     74                                        // instance, using default configurations.
     75                                        editor = CKEDITOR.replace( 'editor1',
     76                                                {
     77                                                        language : languageCode,
     78
     79                                                        on :
     80                                                        {
     81                                                                instanceReady : function()
     82                                                                {
     83                                                                        // Wait for the editor to be ready to set
     84                                                                        // the language combo.
     85                                                                        var languages = document.getElementById( 'languages' );
     86                                                                        languages.value = this.langCode;
     87                                                                        languages.disabled = false;
     88                                                                }
     89                                                        }
     90                                                } );
     91                                }
     92
     93                                // At page startup, load the default language:
     94                                createEditor( '' );
     95
     96                        //]]>
     97                        </script>
     98                </p>
     99        </form>
     100        <div id="footer">
     101                <hr />
     102                <p>
     103                        CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
     104                </p>
     105                <p id="copy">
     106                        Copyright &copy; 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico
     107                        Knabben. All rights reserved.
     108                </p>
    92109        </div>
    93110</body>
Note: See TracChangeset for help on using the changeset viewer.
© 2003 – 2015 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy