必优博客

上期在[jQuery插件markitup轻量级的文本编辑器]介绍了一个基于jQuery的文本编辑器，这里介绍另外一个jQuery插件HtmlBox文本编辑器，提供一个textarea表单元素，即可实现一个功能强大的HTML文本编辑器，使用非常简单，效果图如下：

使用说明
需要使用jQuery库文件和HtmlBox文本编辑器库文件

使用实例
一，包含文件部分

1. <script language="Javascript" src="jquery-1.2.6.min.js" type="text/javascript"></script>
2. <script language="Javascript" src="htmlbox.min.js" type="text/javascript"></script>

二，HTML部分

1. <textarea id='biuuu'></textarea>

三，Javascript部分

1. <script language="Javascript" type="text/javascript">
2. $("#biuuu").css("width",220).css("height",120).htmlbox()
3. .separator("dots").button("cut").button("copy").button("paste")
4. .separator("dots").button("bold").button("italic").button("underline")
5. .separator("dots",2).button("undo",2).button("redo",2)
6. .separator("dots",2).button("left",2).button("center",2).button("right",2).button("justify",2)
7. .init();
8. </script>

代码分析：
width表示宽度
height表示高度
$("#biuuu").css("width",220).css("height",120).htmlbox()表示生成一个宽度为220高度为120的HtmlBox文本编辑器。然后增加一些使用功能，上面实例定义了几个功能，如剪切cut、复制copy、粘贴paste、加粗bold等。

这只是一个非常小的使用实例，其中只包含了HtmlBox文本编辑器部分功能，这些都可以自定义，具体大家可以查看完整的演示代码，使用非常简单。

点我下载jQuery插件HtmlBox文本编辑器