jQuery 文本编辑器插件 HtmlBox 使用-白红宇

jQuery 文本编辑器插件 HtmlBox 使用

阅读量：5987 次

发布时间：2019-06-20

本文共 1074 字，大约阅读时间需要 3 分钟。

jQuery 插件 HtmlBox 使用方式如下：

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

2.在需要使用HtmlBox的<textarea>后面加入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("
      
");}},			 {icon:"open.gif",tooltip:"Open",command:function(){alert('Open')}},			 {icon:"save.gif",tooltip:"Save",command:function(){alert('Save')}}		  ]	],	icons:"default",	skin:"green"});

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