CKEditor 3.x/Tutorials - Revision history

Anna: Minor rewording

2011-05-20T13:14:34Z

Minor rewording

Anna: Creating Plugin Dialog Windows link added

2011-05-20T13:14:05Z

Creating Plugin Dialog Windows link added

Anna: Introduction added

2011-05-17T16:39:16Z

Introduction added

Anna: Creating a Simple CKEditor Plugin, Part 2 added

2011-04-14T13:06:40Z

Creating a Simple CKEditor Plugin, Part 2 added

Anna: Creating a Simple CKEditor Plugin added

2011-04-14T12:56:12Z

Creating a Simple CKEditor Plugin added

Anna: Section homepage with the first link added.

2011-04-14T12:46:19Z

Section homepage with the first link added.

New page

{{#CUSTOMTITLE:CKEditor 3.x Tutorials}}

This section of the CKEditor 3.x documentation contains tutorials that present various aspects of CKEditor in a step-by-step manner, along with code samples, screenshots, and downloadable code.

* Plugins
** [[CKEditor_3.x/Tutorials/Timestamp Plugin|Creating a CKEditor Plugin in 20 Lines of Code]]

@@ Line 9: / Line 9: @@
 *** Creating an editor command.
 *** Creating a plugin toolbar button.
-** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1|Creating a Simple CKEditor Plugin, Part 1]] &ndash; this tutorial shows how to create a basic CKEditor plugin that contains a dialog window and is designed to insert abbreviation elements into the document. It shows things like:
+** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1|Creating a Simple CKEditor Plugin, Part 1]] &ndash; this tutorial explains how to create a basic CKEditor plugin that contains a dialog window and is designed to insert abbreviation elements into the document. It shows things like:
 *** Creating a plugin dialog window.
 *** Building a dialog window structure, including tabs and UI elements.
 *** Defining plugin behavior based on user's actions.
 *** Creating new DOM elements and adding them to the document.
-** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 2|Creating a Simple CKEditor Plugin, Part 2]] &ndash; this tutorial shows how to extend the existing Abbreviation plugin from [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1|Part 1]] to add context menu support and possibility to edit previously added elements. It shows things like:
+** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 2|Creating a Simple CKEditor Plugin, Part 2]] &ndash; this tutorial explains how to extend the existing Abbreviation plugin from [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1|Part 1]] to add context menu support and possibility to edit previously added elements. It shows things like:
 *** Adding custom context menu items.
 *** Selecting CKEditor contents.
 *** Using the setup and commit functions to add and edit document elements.
-** [[CKEditor_3.x/Tutorials/SimpleLink Plugin Part 1|Creating Plugin Dialog Windows]] &ndash; this tutorial shows how to build a plugin dialog window that contains different types of UI elements. It shows things like:
+** [[CKEditor_3.x/Tutorials/SimpleLink Plugin Part 1|Creating Plugin Dialog Windows]] &ndash; this tutorial explains how to build a plugin dialog window that contains different types of UI elements. It shows things like:
 *** Creating a plugin dialog window.
 *** Using various types of elements to build a dialog window UI.
 *** Setting default values for dialog window fields.

← Older revision		Revision as of 13:14, 20 May 2011
Line 18:		Line 18:
	*** Selecting CKEditor contents.		*** Selecting CKEditor contents.
	*** Using the setup and commit functions to add and edit document elements.		*** Using the setup and commit functions to add and edit document elements.
		+	** [[CKEditor_3.x/Tutorials/SimpleLink Plugin Part 1\|Creating Plugin Dialog Windows]] – this tutorial shows how to build a plugin dialog window that contains different types of UI elements. It shows things like:
		+	*** Creating a plugin dialog window.
		+	*** Using various types of elements to build a dialog window UI.
		+	*** Setting default values for dialog window fields.

@@ Line 1: / Line 1: @@
 {{#CUSTOMTITLE:CKEditor 3.x Tutorials}}
 This section of the CKEditor 3.x documentation contains tutorials that present various aspects of CKEditor in a step-by-step manner, along with code samples, screenshots, and downloadable code.
 * Plugins
-** [[CKEditor_3.x/Tutorials/Timestamp Plugin|Creating a CKEditor Plugin in 20 Lines of Code]]
+** [[CKEditor_3.x/Tutorials/Timestamp Plugin|Creating a CKEditor Plugin in 20 Lines of Code]] &ndash; this introductory article explains how to create your very first basic CKEditor plugin in just 20 lines of code. It shows things like:
-** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1|Creating a Simple CKEditor Plugin, Part 1]]
+*** Plugin file structure and naming conventions.
-** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 2|Creating a Simple CKEditor Plugin, Part 2]]
+*** Adding a new CKEditor plugin.

← Older revision		Revision as of 13:06, 14 April 2011
Line 6:		Line 6:
	** [[CKEditor_3.x/Tutorials/Timestamp Plugin\|Creating a CKEditor Plugin in 20 Lines of Code]]		** [[CKEditor_3.x/Tutorials/Timestamp Plugin\|Creating a CKEditor Plugin in 20 Lines of Code]]
	** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1\|Creating a Simple CKEditor Plugin, Part 1]]		** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1\|Creating a Simple CKEditor Plugin, Part 1]]
		+	** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 2\|Creating a Simple CKEditor Plugin, Part 2]]

← Older revision		Revision as of 12:56, 14 April 2011
Line 5:		Line 5:
	* Plugins		* Plugins
	** [[CKEditor_3.x/Tutorials/Timestamp Plugin\|Creating a CKEditor Plugin in 20 Lines of Code]]		** [[CKEditor_3.x/Tutorials/Timestamp Plugin\|Creating a CKEditor Plugin in 20 Lines of Code]]
		+	** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1\|Creating a Simple CKEditor Plugin, Part 1]]