This tutorial explains how to install the text editor « CKEditor » and how to use it in a form.
This tutorial can be realized with a simple text editor like « Notepad ». This tutorial requires some basic knowledge in HTML.
We will consider that the file that contains the text editor (index.html) is in the root directory, that the CKEditor's configuration files are in /CKEditor/ckeditor and that the plugins are in /CKEditor/plugins.
CKEditor is a text editor that can be integrated inside a web page. It is a WYSIWYG editor, this means that the edited text closely corresponding to the appearance of the result when the text is published. it provide most of the functionalities of editors like Microsoft Word or Open Office. CKEditor facilitates the messages formatting of your users (for the comments or in forums) without using BBCode.
Install of CKEditor
First we need to download CKEditor (You can download it here) and then copy the files in the folder /CKEditor/ckeditor.
Now, open the file index.html with a text editor and create a form that contains the following lines:
<!-- This <div> holds alert messages to be display in the sample page. -->
<!-- This <fieldset> holds the HTML that you will usually find in your pages. -->
<form method="POST" action="">
<textarea cols="80" class="ckeditor" id="editor" name="editor" rows="10"></textarea>
<input type="submit" value="send" />
When the file is modified, open it in a web browser. You will see a text editor with standard functionalities. You can now provide to your user an advanced text editor.
The next tutorial will explain how to customize your text editor.
You like this tutorial ?
Like this website in order to promote it on facebook !