Ajax - CKEditor Sample

Index: /CKEditor/trunk/_samples/jqueryadapter.html =================================================================== --- /CKEditor/trunk/_samples/jqueryadapter.html (revision 6335) +++ /CKEditor/trunk/_samples/jqueryadapter.html (revision 6336) @@ -6,5 +6,5 @@ - jQuery adapter - CKEditor Sample + jQuery Adapter — CKEditor Sample @@ -41,6 +41,32 @@

- CKEditor Sample + CKEditor Sample — Using jQuery Adapter

+ This sample shows how to load CKEditor and configure it using the + 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. +

+ CKEditor instance with custom configuration set in jQuery can be inserted with the + following JavaScript code: +

$(function()
+{
+	var config = {
+		skin:'v2'
+	};
+
+	$('.textarea_class').ckeditor(config);
+});

+ Note that textarea_class in the code above is the + class attribute of the <textarea> element to be replaced with + CKEditor. Any other jQuery selector can be used to match the target element. +

@@ -58,5 +84,5 @@

- Editor 1:
+ Editor 1: This is some sample text. You are using <a href="http://ckeditor.com/">CKEditor</a>.

@@ -68,5 +94,5 @@

- CKEditor - The text editor for Internet - http://ckeditor.com + CKEditor - The text editor for the Internet - http://ckeditor.com

Index: /CKEditor/trunk/_samples/output_for_flash.html =================================================================== --- /CKEditor/trunk/_samples/output_for_flash.html (revision 6335) +++ /CKEditor/trunk/_samples/output_for_flash.html (revision 6336) @@ -6,5 +6,5 @@ - Output for Flash + Output for Flash — CKEditor Sample

@@ -45,10 +68,4 @@

- -

- This sample shows CKEditor configured to produce HTML code that can be used with - - Flash.

@@ -251,5 +268,5 @@

- CKEditor - The text editor for Internet - http://ckeditor.com + CKEditor - The text editor for the Internet - http://ckeditor.com

Index: /CKEditor/trunk/_samples/output_html.html =================================================================== --- /CKEditor/trunk/_samples/output_html.html (revision 6335) +++ /CKEditor/trunk/_samples/output_html.html (revision 6336) @@ -6,5 +6,5 @@ - HTML compliant output - CKEditor Sample + HTML Compliant Output — CKEditor Sample

@@ -32,10 +63,6 @@

- This sample shows CKEditor configured to produce a legacy HTML4 document. Traditional - HTML elements like , , and are used in place of - , and CSS styles.

- Editor 1:
+ Editor 1: This is some sample text. You are using <a href="http://ckeditor.com/">CKEditor</a>.

"Office 2003" skin

Use the following code to configure a CKEditor instance to use the "Office 2003" skin.

CKEDITOR.replace( 'textarea_id',
+	{
+		skin : 'office2003'
+	});

- "Office 2003" skin:
This is some sample text. You are using <a href="http://ckeditor.com/">CKEditor</a>.

- "V2" skin:
+

"V2" skin

Use the following code to configure a CKEditor instance to use the "V2" skin.

CKEDITOR.replace( 'textarea_id',
+	{
+		skin : 'v2'
+	});

- CKEditor - The text editor for Internet - http://ckeditor.com + CKEditor - The text editor for the Internet - http://ckeditor.com

Index: /CKEditor/trunk/_samples/ui_color.html =================================================================== --- /CKEditor/trunk/_samples/ui_color.html (revision 6335) +++ /CKEditor/trunk/_samples/ui_color.html (revision 6336) @@ -6,5 +6,5 @@ - UI Color Setting Tool - CKEditor Sample + UI Color Picker — CKEditor Sample

@@ -31,5 +64,10 @@

- Click the UI Color Picker button to test your color preferences at runtime.

+ Click the UI Color Picker button to test your color preferences at runtime. +

+ The first editor instance includes the UI Color Picker toolbar button, + but the default UI color is not defined, so the editor uses the skin color. +

@@ -52,4 +90,8 @@ //]]> +

+ The second editor instance includes the UI Color Picker toolbar button. The + default UI color was defined, so the skin color is not used.

@@ -81,5 +123,5 @@

- CKEditor - The text editor for Internet - http://ckeditor.com + CKEditor - The text editor for the Internet - http://ckeditor.com

Index: /CKEditor/trunk/_samples/ui_languages.html =================================================================== --- /CKEditor/trunk/_samples/ui_languages.html (revision 6335) +++ /CKEditor/trunk/_samples/ui_languages.html (revision 6336) @@ -6,5 +6,5 @@ - User Interface Globalization - CKEditor Sample + User Interface Globalization — CKEditor Sample

@@ -50,5 +81,5 @@
- (You may see strange characters if your system doesn't + (You may see strange characters if your system does not support the selected language)

@@ -98,5 +129,5 @@

- CKEditor - The text editor for Internet - http://ckeditor.com + CKEditor - The text editor for the Internet - http://ckeditor.com

- CKEditor Samples List + CKEditor Samples Site

@@ -17,7 +18,14 @@

@@ -25,7 +33,16 @@

@@ -33,21 +50,42 @@

- CKEditor Sample + CKEditor Sample — Using jQuery Adapter

"Office 2003" skin

"V2" skin