JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.0
[ckeditor.git] / _samples / ui_languages.html
diff --git a/_samples/ui_languages.html b/_samples/ui_languages.html
new file mode 100644 (file)
index 0000000..b95c5f6
--- /dev/null
@@ -0,0 +1,115 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
+<!--\r
+Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
+For licensing, see LICENSE.html or http://ckeditor.com/license\r
+-->\r
+<html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+       <title>Sample - CKEditor</title>\r
+       <meta content="text/html; charset=utf-8" http-equiv="content-type"/>\r
+       <script type="text/javascript" src="../ckeditor.js"></script>\r
+       <script src="sample.js" type="text/javascript"></script>\r
+       <link href="sample.css" rel="stylesheet" type="text/css"/>\r
+       <script id="headscript" type="text/javascript">\r
+       //<![CDATA[\r
+\r
+       document.write( '<script type="text/javascript" src="../' +\r
+               'lang/_languages.js"><\/script>' );\r
+\r
+       //]]>\r
+       </script>\r
+</head>\r
+<body>\r
+       <h1>\r
+               CKEditor Sample\r
+       </h1>\r
+       <!-- This <div> holds alert messages to be display in the sample page. -->\r
+       <div id="alerts">\r
+               <noscript>\r
+                       <p>\r
+                               <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript\r
+                               support, like yours, you should still see the contents (HTML data) and you should\r
+                               be able to edit it normally, without a rich editor interface.\r
+                       </p>\r
+               </noscript>\r
+       </div>\r
+       <!-- This <fieldset> holds the HTML that you will usually find in your\r
+            pages. -->\r
+       <form action="sample_posteddata.php" method="post">\r
+                       <p>\r
+                               <label for="editor1">\r
+                                       Available languages (<span id="count"> </span>\r
+                                       languages!):</label><br/>\r
+                               <select disabled="disabled" id="languages" onchange="createEditor( this.value );">\r
+                                       <script type="text/javascript">\r
+                                       //<![CDATA[\r
+\r
+                                               // Get the language list from the _languages.js file.\r
+                                               for ( var i = 0 ; i < window.CKEDITOR_LANGS.length ; i++ )\r
+                                               {\r
+                                                       document.write(\r
+                                                               '<option value="' + window.CKEDITOR_LANGS[i].code + '">' +\r
+                                                                       window.CKEDITOR_LANGS[i].name +\r
+                                                               '</option>' );\r
+                                               }\r
+\r
+                                       //]]>\r
+                                       </script>\r
+                               </select>\r
+                               <br/>\r
+                               <span style="color: #888888">(You may see strange characters if your system doesn't\r
+                                       support the selected language)</span>\r
+                       </p>\r
+                       <p>\r
+                               <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://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>\r
+                               <script type="text/javascript">\r
+                               //<![CDATA[\r
+\r
+                                       // Set the number of languages.\r
+                                       document.getElementById( 'count' ).innerHTML = window.CKEDITOR_LANGS.length;\r
+\r
+                                       var editor;\r
+\r
+                                       function createEditor( languageCode )\r
+                                       {\r
+                                               if ( editor )\r
+                                                       editor.destroy();\r
+\r
+                                               // Replace the <textarea id="editor"> with an CKEditor\r
+                                               // instance, using default configurations.\r
+                                               editor = CKEDITOR.replace( 'editor1',\r
+                                                       {\r
+                                                               language : languageCode,\r
+\r
+                                                               on :\r
+                                                               {\r
+                                                                       instanceReady : function()\r
+                                                                       {\r
+                                                                               // Wait for the editor to be ready to set\r
+                                                                               // the language combo.\r
+                                                                               var languages = document.getElementById( 'languages' );\r
+                                                                               languages.value = this.langCode;\r
+                                                                               languages.disabled = false;\r
+                                                                       }\r
+                                                               }\r
+                                                       } );\r
+                                       }\r
+\r
+                                       // At page startup, load the default language:\r
+                                       createEditor( '' );\r
+\r
+                               //]]>\r
+                               </script>\r
+                       </p>\r
+               </form>\r
+       <div id="footer">\r
+               <hr/>\r
+               <p>\r
+                       CKEditor - The text editor for Internet - <a href="http://ckeditor.com/" shape="rect">http://ckeditor.com</a>\r
+               </p>\r
+               <p id="copy">\r
+                       Copyright © 2003-2009, <a href="http://cksource.com/" shape="rect">CKSource</a> - Frederico Knabben. All rights reserved.\r
+               </p>\r
+       </div>\r
+</body>\r
+</html>\r