Changeset 4851
- Timestamp:
- 12/30/09 11:59:27 (3 years ago)
- Location:
- CKEditor/trunk/_samples
- Files:
-
- 1 deleted
- 16 edited
-
ajax.html (modified) (3 diffs)
-
api.html (modified) (6 diffs)
-
api_dialog.html (modified) (3 diffs)
-
api_dialog/my_dialog.js (modified) (1 diff)
-
divreplace.html (modified) (3 diffs)
-
enterkey.html (modified) (2 diffs)
-
fullpage.html (modified) (1 diff)
-
jqueryadapter.html (modified) (1 diff)
-
replacebyclass.html (modified) (2 diffs)
-
replacebycode.html (modified) (1 diff)
-
sample.css (modified) (1 diff)
-
sample.html (deleted)
-
sample.js (modified) (2 diffs)
-
sharedspaces.html (modified) (1 diff)
-
skins.html (modified) (2 diffs)
-
ui_color.html (modified) (1 diff)
-
ui_languages.html (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
CKEditor/trunk/_samples/ajax.html
r2959 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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"> 11 18 //<![CDATA[ 12 19 … … 27 34 /* 28 35 if ( editor.setData ) 29 36 editor.setData( html ); 30 37 else 31 32 33 34 38 CKEDITOR.on( 'loaded', function() 39 { 40 editor.setData( html ); 41 }); 35 42 */ 36 43 } … … 55 62 </head> 56 63 <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"> 58 85 <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"> 67 89 </div> 68 90 </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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 98 Knabben. All rights reserved. 99 </p> 71 100 </div> 72 101 </body> -
CKEditor/trunk/_samples/api.html
r4530 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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"> 11 18 //<![CDATA[ 12 19 … … 14 21 // its initialization. 15 22 CKEDITOR.on( 'instanceReady', function( ev ) 16 17 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>'; 19 26 20 21 document.getElementById('eButtons').style.visibility = '';22 27 // Show this sample buttons. 28 document.getElementById( 'eButtons' ).style.visibility = ''; 29 }); 23 30 24 31 function InsertHTML() 25 32 { 26 33 // 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; 29 36 30 37 // Check the active editing mode. 31 if ( oEditor.mode == 'wysiwyg' )38 if ( oEditor.mode == 'wysiwyg' ) 32 39 { 33 40 // Insert the desired HTML. 34 oEditor.insertHtml( value ) 41 oEditor.insertHtml( value ); 35 42 } 36 43 else 37 alert( 'You must be on WYSIWYG mode!' ) 44 alert( 'You must be on WYSIWYG mode!' ); 38 45 } 39 46 … … 41 48 { 42 49 // 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; 45 52 46 53 // Set the editor contents (replace the actual one). 47 oEditor.setData( value ) 54 oEditor.setData( value ); 48 55 } 49 56 … … 51 58 { 52 59 // Get the editor instance that we want to interact with. 53 var oEditor = CKEDITOR.instances.editor1 60 var oEditor = CKEDITOR.instances.editor1; 54 61 55 62 // Get the editor contents 56 alert( oEditor.getData() ) 63 alert( oEditor.getData() ); 57 64 } 58 65 59 function ExecuteCommand( commandName)66 function ExecuteCommand(commandName) 60 67 { 61 68 // Get the editor instance that we want to interact with. 62 var oEditor = CKEDITOR.instances.editor1 69 var oEditor = CKEDITOR.instances.editor1; 63 70 64 71 // Check the active editing mode. 65 if ( oEditor.mode == 'wysiwyg' )72 if ( oEditor.mode == 'wysiwyg' ) 66 73 { 67 74 // Execute the command. 68 oEditor.execCommand( commandName ) 75 oEditor.execCommand( commandName ); 69 76 } 70 77 else 71 alert( 'You must be on WYSIWYG mode!' ) 78 alert( 'You must be on WYSIWYG mode!' ); 72 79 } 73 80 … … 75 82 { 76 83 // 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() ); 79 86 } 80 87 … … 82 89 { 83 90 // 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' ); 87 94 } 88 95 89 96 //]]> 90 97 </script> 98 91 99 </head> 92 100 <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"> 95 115 <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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 119 99 120 <script type="text/javascript"> 100 121 //<![CDATA[ 101 122 // Replace the <textarea id="editor1"> with an CKEditor instance. 102 var editor = CKEDITOR.replace( 'editor1' );123 var editor = CKEDITOR.replace( 'editor1' ); 103 124 //]]> 104 125 </script> 126 105 127 <div id="eMessage"> 106 107 128 </div> 108 129 <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)" /> 112 133 <br /> 113 <textarea id="plainArea" cols="80" rows="3"><h2>Test</h2><p>This is some <a href="/Test1.html">sample</a> HTML</p></textarea>134 <textarea cols="80" id="plainArea" rows="3"><h2>Test</h2><p>This is some <a href="/Test1.html">sample</a> HTML</p></textarea> 114 135 <br /> 115 136 <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 "bold" Command" /> 138 <input onclick="ExecuteCommand('link');" type="button" value="Execute "link" Command" /> 139 <br /> 140 <br /> 141 <input onclick="CheckDirty();" type="button" value="checkDirty()" /> 142 <input onclick="ResetDirty();" type="button" value="resetDirty()" /> 122 143 </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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 152 Knabben. All rights reserved. 153 </p> 124 154 </div> 125 155 </body> -
CKEditor/trunk/_samples/api_dialog.html
r4530 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 10 17 <style id="styles" type="text/css"> 11 18 12 .cke_button_myDialogCmd .cke_icon13 {14 display: none !important;15 }19 .cke_button_myDialogCmd .cke_icon 20 { 21 display: none !important; 22 } 16 23 17 .cke_button_myDialogCmd .cke_label18 {19 display: inline !important;20 }24 .cke_button_myDialogCmd .cke_label 25 { 26 display: inline !important; 27 } 21 28 22 29 </style> 23 <script id="headscript"type="text/javascript">30 <script type="text/javascript"> 24 31 //<![CDATA[ 25 32 … … 90 97 //]]> 91 98 </script> 99 92 100 </head> 93 101 <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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 131 <script type="text/javascript"> 109 132 //<![CDATA[ 110 133 // Replace the <textarea id="editor1"> with an CKEditor instance. … … 148 171 }); 149 172 //]]> 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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 181 Knabben. All rights reserved. 182 </p> 151 183 </div> 152 184 </body> -
CKEditor/trunk/_samples/api_dialog/my_dialog.js
r2997 r4851 1 /*1 /* 2 2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. 3 3 For licensing, see LICENSE.html or http://ckeditor.com/license -
CKEditor/trunk/_samples/divreplace.html
r4373 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 9 17 <style id="styles" type="text/css"> 10 18 … … 22 30 23 31 </style> 24 <script type="text/javascript" src="sample.js"></script> 25 <script id="headscript" type="text/javascript"> 32 <script type="text/javascript"> 26 33 //<![CDATA[ 27 34 … … 65 72 //]]> 66 73 </script> 74 67 75 </head> 68 76 <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> 70 95 <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> 110 102 </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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 137 Knabben. All rights reserved. 138 </p> 113 139 </div> 114 140 </body> -
CKEditor/trunk/_samples/enterkey.html
r4530 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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"> 11 18 //<![CDATA[ 12 19 … … 33 40 </head> 34 41 <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 <P> (recommended)</option> 48 <option value="3">Create new <DIV></option> 49 <option value="2">Break the line with a <BR></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 <P></option> 56 <option value="3">Create new <DIV></option> 57 <option value="2" selected="selected">Break the line with a <BR> (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> 63 48 <p> 64 <br /> 65 <textarea id="editor1" name="editor1" rows="10" cols="80">This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</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. 66 52 </p> 67 <p> 68 <input type="submit" value="Submit" /> 69 </p> 70 </form> 53 </noscript> 71 54 </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 <P> (recommended)</option> 59 <option value="3">Create new <DIV></option> 60 <option value="2">Break the line with a <BR></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 <P></option> 67 <option value="3">Create new <DIV></option> 68 <option selected="selected" value="2">Break the line with a <BR> (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 <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 88 Knabben. All rights reserved. 89 </p> 74 90 </div> 75 91 </body> -
CKEditor/trunk/_samples/fullpage.html
r4780 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 10 17 </head> 11 18 <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> 14 25 <p> 15 In this sample the editor is configured to edit entire HTML pages, from the 16 <html> tag to </html>.</p> 17 <p> 18 <label for="editor1"> 19 Editor 1:</label><br /> 20 <textarea id="editor1" name="editor1" rows="10" cols="80"><html><head><title>CKEditor Sample</title></head><body><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></body></html></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 <html> 35 tag to </html>.</p> 36 <p> 37 <label for="editor1"> 38 Editor 1:</label><br /> 39 <textarea cols="80" id="editor1" name="editor1" rows="10"><html><head><title>CKEditor Sample</title></head><body><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></body></html></textarea> 40 <script type="text/javascript"> 41 //<![CDATA[ 23 42 24 25 26 27 43 CKEDITOR.replace( 'editor1', 44 { 45 fullPage : true 46 }); 28 47 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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 62 Knabben. All rights reserved. 63 </p> 39 64 </div> 40 65 </body> -
CKEditor/trunk/_samples/jqueryadapter.html
r4774 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 9 10 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 10 <!-- CKReleaser %REMOVE_LINE%11 <!-- CKReleaser %REMOVE_LINE% 11 12 <script type="text/javascript" src="../ckeditor.js"></script> 12 13 <script type="text/javascript" src="../adapters/jquery.js"></script> 13 CKReleaser %REMOVE_START% -->14 CKReleaser %REMOVE_START% --> 14 15 <script type="text/javascript" src="../ckeditor_source.js"></script> 15 16 <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" /> 17 20 <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[ 27 22 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 //]]> 32 39 </script> 33 40 </head> 34 41 <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> 37 48 <p> 38 < label for="editor1">39 Editor 1:</label><br />40 <textarea id="editor1" name="editor1" class="jquery_ckeditor" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">CKEditor</a>.</p></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. 41 52 </p> 42 <p> 43 <input type="submit" value="Submit" /> 44 </p> 45 </form> 53 </noscript> 46 54 </div> 47 <div id="code"> 48 <pre> 49 <script type="text/javascript"> 50 $( function() 51 { 52 $( '.jquery_ckeditor' ).<b>ckeditor()</b>; 53 } ); 54 </script> 55 </pre> 56 <pre> 57 <form action=""> 58 <p> 59 <label for="editor1"> 60 Editor 1:</label><br /> 61 <textarea id="editor1" name="editor1" <b>class="jquery_ckeditor"</b> rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">CKEditor</a>.</p></textarea> 62 </p> 63 <p> 64 </form> 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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 74 Knabben. All rights reserved. 75 </p> 66 76 </div> 67 77 </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"> 2 2 <!-- 3 3 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. … … 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 10 17 </head> 11 18 <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> 14 25 <p> 15 < label for="editor1">16 Editor 1:</label><br />17 <textarea id="editor1" name="editor1" class="ckeditor" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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. 18 29 </p> 19 <p> 20 <input type="submit" value="Submit" /> 21 </p> 22 </form> 30 </noscript> 23 31 </div> 24 <div id="code"> 25 <pre> 26 <form action=""> 27 <p> 28 <label for="editor1"> 29 Editor 1:</label><br /> 30 <textarea id="editor1" name="editor1" <b>class="ckeditor"</b> rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 31 </p> 32 <p> 33 <label for="editor2"> 34 Editor 2:</label><br /> 35 <textarea id="editor2" name="editor2" <b>class="ckeditor"</b> rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 36 </p> 37 <p> 38 <input type="submit" value="Submit" /> 39 </p> 40 </form> 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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 49 Knabben. All rights reserved. 50 </p> 42 51 </div> 43 52 </body> -
CKEditor/trunk/_samples/replacebycode.html
r4530 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 10 17 </head> 11 18 <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> 14 25 <p> 15 <label for="editor1"> 16 Editor 1:</label><br /> 17 <textarea id="editor1" name="editor1" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 37 <script type="text/javascript"> 38 //<![CDATA[ 20 39 21 22 23 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. 24 43 25 26 27 44 // Replace the <textarea id="editor"> with an CKEditor 45 // instance, using default configurations. 46 CKEDITOR.replace( 'editor1' ); 28 47 29 30 31 32 33 34 35 <textarea id="editor2" name="editor2" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>36 37 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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 55 <script type="text/javascript"> 56 //<![CDATA[ 38 57 39 40 41 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. 42 61 43 44 45 62 // Replace the <textarea id="editor"> with an CKEditor 63 // instance, using default configurations. 64 CKEDITOR.replace( 'editor2' ); 46 65 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 <form action=""> 58 <p> 59 <label for="editor1"> 60 Editor 1:</label><br /> 61 <textarea <b>name="editor1"</b> rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 62 <script type="text/javascript"> 63 //<![CDATA[ 64 65 <b>CKEDITOR.replace( 'editor1' );</b> 66 67 //]]> 68 </script> 69 </p> 70 <p> 71 <input type="submit" value="Submit" /> 72 </p> 73 </form> 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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 80 Knabben. All rights reserved. 81 </p> 75 82 </div> 76 83 </body> -
CKEditor/trunk/_samples/sample.css
r3005 r4851 1 /*1 /* 2 2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. 3 3 For licensing, see LICENSE.html or http://ckeditor.com/license -
CKEditor/trunk/_samples/sample.js
r3533 r4851 7 7 // It is just a helper file that displays a red message about browser compatibility 8 8 // 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 it11 // 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 to24 // run, so we redirect to the samples.html page, passing the correct25 // 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%32 9 33 10 if ( window.CKEDITOR ) 34 11 { 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 with71 // xmlns="http://www.w3.org/1999/xhtml" without workarounds. It72 // means that we must always have <html><head><title> in this73 // precise order.74 document.title = sampleData.getInnerXml( '//*/*/*' );75 }76 }77 78 return samples;79 })();80 // %REMOVE_END%81 12 (function() 82 13 { … … 114 45 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>'; 115 46 116 document.getElementById( 'alerts' ).innerHTML = html; 47 var alertsEl = document.getElementById( 'alerts' ); 48 alertsEl && ( alertsEl.innerHTML = html ); 117 49 }; 118 50 -
CKEditor/trunk/_samples/sharedspaces.html
r4780 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 10 17 <style id="styles" type="text/css"> 11 18 12 #editorsForm13 {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 } 20 27 21 28 </style> 22 29 </head> 23 30 <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> 28 37 <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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 51 <script type="text/javascript"> 52 //<![CDATA[ 53 CKEDITOR.replace( 'editor1', 54 { 55 sharedSpaces : 35 56 { 36 sharedSpaces : 37 { 38 top : 'topSpace', 39 bottom : 'bottomSpace' 40 }, 57 top : 'topSpace', 58 bottom : 'bottomSpace' 59 }, 41 60 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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 74 <script type="text/javascript"> 75 //<![CDATA[ 76 CKEDITOR.replace( 'editor2', 77 { 78 sharedSpaces : 58 79 { 59 sharedSpaces : 60 { 61 top : 'topSpace', 62 bottom : 'bottomSpace' 63 }, 80 top : 'topSpace', 81 bottom : 'bottomSpace' 82 }, 64 83 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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 97 <script type="text/javascript"> 98 //<![CDATA[ 99 CKEDITOR.replace( 'editor3', 100 { 101 sharedSpaces : 81 102 { 82 sharedSpaces : 83 { 84 top : 'topSpace' 85 }, 103 top : 'topSpace' 104 }, 86 105 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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"> 110 128 </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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 136 Knabben. All rights reserved. 137 </p> 113 138 </div> 114 139 </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"> 2 2 <!-- 3 3 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. … … 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 10 17 </head> 11 18 <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> 14 25 <p> 15 "Kama" skin:<br /> 16 <textarea id="editor_kama" name="editor_kama" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 36 <script type="text/javascript"> 37 //<![CDATA[ 19 38 20 21 22 23 39 CKEDITOR.replace( 'editor_kama', 40 { 41 skin : 'kama' 42 }); 24 43 25 26 27 28 29 30 <textarea id="editor_office2003" name="editor_office2003" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>31 32 44 //]]> 45 </script> 46 </p> 47 <p> 48 "Office 2003" skin:<br /> 49 <textarea cols="80" id="editor_office2003" name="editor_office2003" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 50 <script type="text/javascript"> 51 //<![CDATA[ 33 52 34 35 36 37 53 CKEDITOR.replace( 'editor_office2003', 54 { 55 skin : 'office2003' 56 }); 38 57 39 40 41 42 43 44 <textarea id="editor_v2" name="editor_v2" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>45 46 58 //]]> 59 </script> 60 </p> 61 <p> 62 "V2" skin:<br /> 63 <textarea cols="80" id="editor_v2" name="editor_v2" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 64 <script type="text/javascript"> 65 //<![CDATA[ 47 66 48 49 50 51 67 CKEDITOR.replace( 'editor_v2', 68 { 69 skin : 'v2' 70 }); 52 71 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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 83 Knabben. All rights reserved. 84 </p> 60 85 </div> 61 86 </body> -
CKEditor/trunk/_samples/ui_color.html
r4530 r4851 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 10 17 </head> 11 18 <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> 15 25 <p> 16 <textarea id="editor1" name="editor1" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 37 <script type="text/javascript"> 38 //<![CDATA[ 19 39 20 21 22 23 24 25 26 27 28 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 }); 31 51 32 33 34 35 36 <textarea id="editor2" name="editor2" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>37 38 52 //]]> 53 </script> 54 </p> 55 <p> 56 <textarea cols="80" id="editor2" name="editor2" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 57 <script type="text/javascript"> 58 //<![CDATA[ 39 59 40 41 42 43 44 45 46 47 48 49 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 } ); 52 72 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 <form action=""> 64 <p> 65 <label for="editor1"> 66 Editor 1:</label><br /> 67 <textarea <b>name="editor1"</b> rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> 68 <script type="text/javascript"> 69 //<![CDATA[ 70 71 <b>CKEDITOR.replace( 'editor1' );</b> 72 73 //]]> 74 </script> 75 </p> 76 <p> 77 <input type="submit" value="Submit" /> 78 </p> 79 </form> 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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 87 Knabben. All rights reserved. 88 </p> 81 89 </div> 82 90 </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"> 2 2 <!-- 3 3 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. … … 6 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 7 <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" /> 19 19 </head> 20 20 <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> 23 27 <p> 24 <label for="editor1"> 25 Available languages (<span id="count"> </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. 46 31 </p> 47 <p> 48 <textarea id="editor1" name="editor1" rows="10" cols="80"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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 );"> 49 39 <script type="text/javascript"> 50 40 //<![CDATA[ 51 41 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++ ) 58 44 { 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>' ); 80 49 } 81 82 // At page startup, load the default language:83 createEditor( '' );84 50 85 51 //]]> 86 52 </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"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></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 © 2003-2009, <a href="http://cksource.com/">CKSource</a> - Frederico 107 Knabben. All rights reserved. 108 </p> 92 109 </div> 93 110 </body>
Note: See TracChangeset
for help on using the changeset viewer.
