- Download latest version of KindEditor.click to download
- Unzip it and upload it to one directory of your site. For example, http://yourdomain.com/editor/
- Add a TEXTAREA element to where you would like it to appear.
You must assign an id to it. You'd better set height or width to make sure every kind of browser treat it in the same way.<textarea id="content_1" name="content" cols="100" rows="8" style="width:700px;height:300px;">textarea>
- Add the following code to head section
<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js">script>
Including id, you may set some extra attributes to customize editor. Seeeditor attributes for more.
<script type="text/javascript">
KE.show({
id : 'content_1' //ID OF TEXTAREA
});
script>
How To Add Kind Editor To You Page