jQuery 文本编辑器插件 HtmlBox 使用

jQuery 插件 HtmlBox 使用方式如下：

1.引入头文件（注意一定要把jQuery放在前面）：

<script src="lib/jquery-1.8.3.min.js"></script><script type="text/javascript" src="lib/htmlbox/htmlbox.colors.js"></script><script type="text/javascript" src="lib/htmlbox/htmlbox.styles.js"></script><script type="text/javascript" src="lib/htmlbox/htmlbox.syntax.js"></script><script type="text/javascript" src="lib/htmlbox/htmlbox.undoredomanager.js"></script><script type="text/javascript" src="lib/htmlbox/htmlbox.min.js"></script>

2.在需要使用HtmlBox的<textarea>后面加入javascript代码：

<textarea id="htmlbox_icon_set_green" class="text_area2" cols="32" rows="3" name="content"></textarea><script language="Javascript" type="text/javascript">
var hb_icon_set_green = $("#htmlbox_icon_set_green").css("height","400").css("width","583").htmlbox({toolbars:[["cut","copy","paste","separator_dots","bold","italic","underline","strike","sub","sup","separator_dots","undo","redo","separator_dots","left","center","right","justify","separator_dots","ol","ul","indent","outdent","separator_dots","link","unlink","image"],["code","removeformat","striptags","separator_dots","quote","paragraph","hr","separator_dots",{icon:"new.gif",tooltip:"New",command:function(){hb_icon_set_green.set_text("<p></p>");}},{icon:"open.gif",tooltip:"Open",command:function(){alert('Open')}},{icon:"save.gif",tooltip:"Save",command:function(){alert('Save')}}]],icons:"default",skin:"green"
});
</script>

原本的<textarea>就会变成一个功能强大的编辑器。

htmlbox下载地址：http://download.csdn.net/detail/leixiaohua1020/6376479

jQuery 文本编辑器插件 HtmlBox 使用相关推荐

基于jquery的bootstrap在线文本编辑器插件Summernote
Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Op ...
html可视化数学公式编辑,所见即所得的jQuery数学公式编辑器插件
MathquillBasedEditor是一款所见即所得的jQuery数学公式编辑器插件.该数学公式编辑器依赖于mathquill,可以通过点击图标来直接生成乘方和开方等数学公式. 使用方法在页面中 ...
html公式编辑器插件,所见即所得的jQuery数学公式编辑器插件
MathquillBasedEditor是一款所见即所得的jQuery数学公式编辑器插件.该数学公式编辑器依赖于mathquill,可以通过点击图标来直接生成乘方和开方等数学公式. 使用方法在页面中 ...
精心挑选的15款优秀 jQuery 文本特效插件和教程
今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程.jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理, ...
10个神奇的jQuery文本效果插件
10个神奇的jQuery文本效果插件,真正使您的网站倍受关注! jQuery不仅涉及菜单和动画效果. 使用jQuery,您还可以创建引人入胜的文本效果,并与文本一起玩以与用户进行良好的交流. 使用此集 ...
tui-editor（富文本编辑器插件）安装报错处理方法
tui-editor安装报错处理方法项目中yarn或npm install时,tui-editor(富文本编辑器插件)安装报错. 显示 warning tui-editor > highlig ...
【实践】简洁大方的summernote 富文本编辑器插件的用发——导入篇
首先在这里吐槽一下,网上不少教程实在太坑人,错误的代码也敢发上来真的是误人子弟,这篇文章是我踩了无数个坑写上来的,可能也会有不足之处所以自己以后可能也会进行更正. 好吧,先说说最近的情况,忙着学校的期 ...
14款前端常用的富文本编辑器插件
富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一 ...
14款web前端常用的富文本编辑器插件
富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一 ...

jQuery 文本编辑器插件 HtmlBox 使用

jQuery 文本编辑器插件 HtmlBox 使用相关推荐

最新文章

热门文章