Changeset 4851


Ignore:
Timestamp:
12/30/09 11:59:27 (5 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 – 2012 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy