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
p1.gif

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.
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>
  1. Fetch HTML data.
html = editor.html();
  1. 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
  1. Set HTML data to KindEditor
editor.html('HTML code');




Last edited Dec 30, 2012 at 7:28 AM by AndrewFrank, version 6