Changeset 6144

Timestamp:

12/01/10 11:02:37 (2 years ago)

Author:

garry.yao

Message:

Update api.html sample page for demonstrating the newly introduced editor::insertText method.

File:

• CKEditor/branches/versions/3.5.x/_samples/api.html (modified) (3 diffs)

CKEditor/branches/versions/3.5.x/_samples/api.html

@@ -33 +33 @@
         // Get the editor instance that we want to interact with.
         var oEditor = CKEDITOR.instances.editor1;
-        var value = document.getElementById( 'plainArea' ).value;
+        var value = document.getElementById( 'htmlArea' ).value;
 
         // Check the active editing mode.
@@ -45 +45 @@
 }
 
+function InsertText()
+{
+        // Get the editor instance that we want to interact with.
+        var oEditor = CKEDITOR.instances.editor1;
+        var value = document.getElementById( 'txtArea' ).value;
+
+        // Check the active editing mode.
+        if ( oEditor.mode == 'wysiwyg' )
+        {
+                // Insert as plain text.
+                oEditor.insertText( value );
+        }
+        else
+                alert( 'You must be on WYSIWYG mode!' );
+}
+
 function SetContents()
 {
         // Get the editor instance that we want to interact with.
         var oEditor = CKEDITOR.instances.editor1;
-        var value = document.getElementById( 'plainArea' ).value;
+        var value = document.getElementById( 'htmlArea' ).value;
 
         // Set the editor contents (replace the actual one).
@@ -132 +148 @@
                         <input onclick="GetContents();" type="button" value="Get Editor Contents (XHTML)" />
                         <br />
-                        <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>
+                        <textarea cols="80" id="htmlArea" 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>
                         <br />
+                        <br />
+                        <input onclick="InsertText();" type="button" value="Insert Text" />
+                        <br />
+                        <textarea cols="80" id="txtArea" rows="3">   First line with some leading whitespaces.
+
+Second line of text preceding by two line-breaks.</textarea>
                         <br />
                         <input onclick="ExecuteCommand('bold');" type="button" value="Execute &quot;bold&quot; Command" />