KindEditor

KindEditor is a lightweight, Open Source(LGPL), cross browser, web based WYSIWYG HTML editor, easy to integrate with all of server side language such as Java, .NET, PHP, ASP, Python, Perl and Ruby.

Features

• Lightweight: Only 28KB after gziped.
• Cross browser: Supports IE6-IE9, Firefox, Chrome, Safari and Opera.
• Customizable: Easy to change themes and plugins.

Examples

http://www.kindsoft.net/ke4/examples/multi-language.html

Downloads

http://code.google.com/p/kindeditor/downloads/list

Installation

1. Download the latest version of the editor.

2. Extract the downloaded archive to a directory called kindeditor in the root of your website.

3. Insert the following code fragment into your page.

   <link href="/kindeditor/themes/default/default.css" rel="stylesheet" />
   <script charset="utf-8" src="/kindeditor/kindeditor-min.js"></script>
   <script charset="utf-8" src="/kindeditor/lang/en.js"></script>
   <script>
   	KindEditor.ready(function(K) {
   		window.editor = K.create('#editor_id', {
   			langType : 'en'
   		});
   	});
   </script>
   <textarea id="editor_id" name="content" cols="100" rows="8"></textarea>

4. Fetch HTML data.

   html = editor.html();

5. Synchronize HTML data to the textarea

   editor.sync();
   
   html = document.getElementById('editor_id').value; // Native API
   html = K('#editor_id').val(); // KindEditor Node API
   html = $('#editor_id').val(); // jQuery API

6. Set HTML data to KindEditor

   editor.html('HTML code');

For more information, please visit http://kindsoft.net/docs/ (Chinese)

Build code

ant

Will combine, preprocess and minify the codes in the src directory into kindeditor.js and kindeditor-min.js.

ant all

Will combine, preprocess and minify the codes in the src and plugins directory into kindeditor-all.js and kindeditor-all-min.js.

ant zip

Will create a zip file of the current repository code. The zip file will be placed in the dist directory.

Compatible

• Internet Explorer 6+
• Mozilla Firefox 3+
• Chrome 3+
• Safari 4+
• Opera 10+

Contributors

• Timon Lin
• daif alotaibi (http://daif.net/) : Arabic Translation
• fisker (https://github.com/fisker) : QQ style theme
• composite (https://github.com/composite) : Korean Translation