(Creating Plugin Dialog Windows link added) |
(Minor rewording) |
||
| Line 9: | Line 9: | ||
*** Creating an editor command. | *** Creating an editor command. | ||
*** Creating a plugin toolbar button. | *** Creating a plugin toolbar button. | ||
| − | ** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1|Creating a Simple CKEditor Plugin, Part 1]] – this tutorial | + | ** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 1|Creating a Simple CKEditor Plugin, Part 1]] – 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. | *** Creating a plugin dialog window. | ||
*** Building a dialog window structure, including tabs and UI elements. | *** Building a dialog window structure, including tabs and UI elements. | ||
*** Defining plugin behavior based on user's actions. | *** Defining plugin behavior based on user's actions. | ||
*** Creating new DOM elements and adding them to the document. | *** 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]] – this tutorial | + | ** [[CKEditor_3.x/Tutorials/Abbr Plugin Part 2|Creating a Simple CKEditor Plugin, Part 2]] – 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. | *** Adding custom context menu items. | ||
*** 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 | + | ** [[CKEditor_3.x/Tutorials/SimpleLink Plugin Part 1|Creating Plugin Dialog Windows]] – 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. | *** Creating a plugin dialog window. | ||
*** Using various types of elements to build a dialog window UI. | *** Using various types of elements to build a dialog window UI. | ||
*** Setting default values for dialog window fields. | *** Setting default values for dialog window fields. | ||
Latest revision as of 14:14, 20 May 2011
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
- Creating a CKEditor Plugin in 20 Lines of Code – this introductory article explains how to create your very first basic CKEditor plugin in just 20 lines of code. It shows things like:
- Plugin file structure and naming conventions.
- Adding a new CKEditor plugin.
- Creating an editor command.
- Creating a plugin toolbar button.
- Creating a Simple CKEditor Plugin, Part 1 – 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.
- Creating a Simple CKEditor Plugin, Part 2 – this tutorial explains how to extend the existing Abbreviation plugin from 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.
- Creating Plugin Dialog Windows – 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.
- Creating a CKEditor Plugin in 20 Lines of Code – this introductory article explains how to create your very first basic CKEditor plugin in just 20 lines of code. It shows things like: