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.
images - toolbar icon
images/emoticons - emoticon icon in toolbar
lang - contury language definition in GUI
You can open the test.html in web browser, it will show the appearance of the web editor.
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.
Please refer to my blog(Chinese):
http://blog.csdn.net/weiganyi/article/details/16881213