This sample shows how to use the
- CKEditor Dialog API
+ CKEditor Dialog API
to customize CKEditor dialog windows without changing the original editor code.
The following customizations are being done in the example below:
@@ -38,7 +38,7 @@
To add a CKEditor instance using the autogrow plugin and its
autoGrow_maxHeight attribute, insert the following JavaScript call to your code:
-
This sample shows how to configure the Enter and Shift+Enter keys
to perform actions specified in the
- enterMode
- and shiftEnterMode
+ enterMode
+ and shiftEnterMode
parameters, respectively.
You can choose from the following options:
-
+
ENTER_P – new <p> paragraphs are created;
ENTER_BR – lines are broken with <br> elements;
ENTER_DIV – new <div> blocks are created.
@@ -59,7 +59,7 @@
The sample code below shows how to configure CKEditor to create a <div> block when Enter key is pressed.
This sample shows how to load CKEditor and configure it using the
- jQuery adapter.
+ jQuery adapter.
In this case the jQuery adapter is responsible for transforming a <textarea>
element into a CKEditor instance and setting the configuration of the toolbar.
@@ -53,7 +53,7 @@
CKEditor instance with custom configuration set in jQuery can be inserted with the
following JavaScript code:
-
CKEditor Sample — Producing Flash Compliant HTML Output
This sample shows how to configure CKEditor to output
HTML code that can be used with
-
+
Adobe Flash.
The code will contain a subset of standard HTML elements like <b>,
<i>, and <p> as well as HTML attributes.
@@ -267,10 +267,10 @@
This sample shows how to configure CKEditor to output valid
- HTML 4.01 code.
+ HTML 4.01 code.
Traditional HTML elements like <b>,
<i>, and <font> are used in place of
<strong>, <em>, and CSS styles.
@@ -35,7 +35,7 @@
A snippet of the configuration code can be seen below; check the source of this page for
full definition:
This sample shows how to configure CKEditor to output valid
- XHTML 1.1 code.
+ XHTML 1.1 code.
Deprecated elements (<font>, <u>) or attributes
(size, face) will be replaced with XHTML compliant code.
@@ -34,7 +34,7 @@
A snippet of the configuration code can be seen below; check the source of this page for
full definition:
-
This sample shows how to insert a CKEditor instance with custom configuration options.
- To set configuration options, use the config property. To set the attributes of a <textarea> element (which is displayed instead of CKEditor in unsupported browsers), use the textareaAttributes property.
+ To set configuration options, use the config property. To set the attributes of a <textarea> element (which is displayed instead of CKEditor in unsupported browsers), use the textareaAttributes property.
CKEditor Sample — Replace Textarea Elements Using JavaScript Code
@@ -29,7 +29,7 @@
after the <textarea> element or inside a <script> element located
in the <head> section of the page, in a window.onload event handler:
-
CKEDITOR.replace( 'textarea_id' );
+
CKEDITOR.replace( 'textarea_id' );
Note that textarea_id in the code above is the id attribute of
the <textarea> element to be replaced.
@@ -90,10 +90,10 @@
This sample shows how to automatically replace <textarea> elements
- with a CKEditor instance using a specific skin.
+ with a CKEditor instance using a specific skin.
CKEditor with a specified skin (in this case, the "Office 2003" skin) is inserted with a JavaScript call using the following code: