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

           

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值