KindEditor
http://www.kindsoft.net/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
Installation
- Download the latest version of the editor.
- Extract the downloaded archive to a directory called kindeditor in the root of your website.
- Insert the following code fragment into your page.
using System;
<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>
- Fetch HTML data.
- 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
- Set HTML data to KindEditor
editor.html('HTML code');