weiganyi / mini-editor

A web editor for javascript

Introduce

This project is a web text editor for the javascript, it can be embedded in any html page as a text editor.
It has some useful edit function, such as: bold、italic、underline、strikethrough、font、orderedlist、unorderedlist、indent、outdent、horizontalrule、link、unlink、hostimage、nwkimage、removeformat、emoticon、table, etc.
It's dependent on the jQuery library, it had been test under three broswers: IE8、chrome31 and Firefox24, it can work well, so it has a good compatibility.

Directory

images - toolbar icon
images/emoticons - emoticon icon in toolbar
lang - contury language definition in GUI

Run

You can open the test.html in web browser, it will show the appearance of the web editor.

Usage

First you need link the jquery and mini_editor files into your html page:
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<link type="text/css" rel="stylesheet" href="mini_editor.css"/>
<script type="text/javascript" src="mini_editor.js"></script>

The second, you can set a frame into your html page:
<p>
<iframe src="" frameborder="0" id="editor" name="editor" width="800" height="300" style="border:1px solid #ccc;"></iframe>
</p>

Third you need set a javasript fragment under the frame html:
<script type="text/javascript">
$("#editor").mini_editor_create({lang:"ch",
image_page:"http://172.125.102.146/image.php",
text_page:"http://172.125.102.146/text1.php"});
</script>

After do above steps, the editor can work in your html page.

Design

Please refer to my blog(Chinese):
http://blog.csdn.net/weiganyi/article/details/16881213