jQuery 文本编辑器插件 HtmlBox 使用
来源:互联网 发布:现货交易软件开发 编辑:程序博客网 时间:2024/05/21 10:04
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 文本编辑器插件 HtmlBox 使用
- 6大jquery富文本编辑器插件
- jquery 文本编辑器插件引用一些实例
- jquery插件--kindeditor-在线富文本编辑器
- jQuery插件markitup轻量级的文本编辑器
- jquery的wysiwyg富文本编辑器使用
- 所见即所得的jQuery富文本编辑器插件-wysiwyg.js
- 基于jquery的bootstrap在线文本编辑器插件Summernote
- 基于jquery的bootstrap在线文本编辑器插件Summernote
- 文本编辑器插件
- jquery 文本编辑器 用法
- javascript网页富文本编辑器:kindedit富文本编辑器插件的使用
- Textarea - 富文本编辑器插件
- Textarea - 富文本编辑器插件
- Textarea - 富文本编辑器插件
- Textarea - 富文本编辑器插件
- 富文本编辑器插件汇总
- SVN简单流程---以公司的使用方法为例
- Latex笔记
- 性能测试(并发负载压力)测试分析-简要篇 (转载)
- CUDA: GPU的异构程序开发流程
- IOS使用内置地图,定位应用开发
- jQuery 文本编辑器插件 HtmlBox 使用
- Android 网络请求通用的get与post方式
- 110308 Fmt
- 数据库分组筛选
- linux shell的xargs命令的用法
- c# FastReport开发报表
- jQuery对象 dom对象互化
- c# 调用Excel的一些知识
- eclipse在windows下的arm交叉编译环境搭建