本文由 资源共享网 – zgwxw 发布,转载请注明出处,如有问题请联系我们!08i8Editor自适应自定义富文本编辑器(有说明)
调用方法
第一步:引用jquery.js,08i8Editor是基于jquery开发的,如果页面上没有引用,必须先引用。<script src="你的路径/jquery.js"></script>
第二步:引用editor.js<script src="你的路径/editor/editor.js"></script>
第三步:页面上存在一个div或textarea多行文本框,举例如下:<div id="content"></div>或者:<textarea id="content"></textarea>提示:推荐使用div元素的方法,08i8Editor会自动生成同名的textarea表单元素用于数据同步。
第四步:使用08i8Editor初始化调用即可,代码如下:<script>$(function(){$("#content").editor();});</script>
如果要设置编辑器高度,可以添加height参数,举例如下:
$("#content").editor({height:500});
08i8Editor内置很多可选参数,请根据自身需要配置
参数列表
| 参数 | 用途 | 默认值 | 可选值 | 示范 |
|---|---|---|---|---|
08i8Editor支持自定义配置工具条。
08i8Editor支持自定义按钮。
工具条参数列表
| 参数 | 用途 |
|---|---|
接口说明
默认仅提供Php语言接口范例,如果您使用其他语言开发,请按下面说明处理:
上传元素名称
上传input名称默认为:file,可以通过file参数自行修改为其他字符,比如:file:'test',那么上传接口里就根据test来获取数据(如:$_FILES['test'];)
自定义参数传递
08i8Editor支持自定义参数传递,比如传递token,我们可以通过params参数传递,如:params:{token:"1234"}
数据返回要求
数据格式:Json
成功结果:{state:'success',msg:'/upload/1.jpg',name:'源文件名称'}
失败结果:{state:'fail',msg:'上传失败的原因'}
其他说明
在文件上传接口中,我们会根据使用的功能不同,传递不同的action参数给接口(GET方式传递),具体为:
当action==image:表示插入图片接口
当action==music:表示插入音乐接口
当action==video:表示插入视频接口
当action==all:为所有类型文件

与《08i8Editor自适应自定义富文本编辑器(有说明)》相关的《插件》
NiceEditor富媒体编辑器(移动端自适应)
注:只有php上传接口和远程图片保存接口功能特点:1、基于:Jquery + IconFont + Css3 开发;2、兼容性:IE10+、Chrome、Firefox等常见浏览器,支持移动端使用;3、支持:提交前自动同步、拖动改变高度、Api接口,以及良好的快捷操作;4、较高的安全性:可以有效过滤常见的 XSS 攻击;5、支持保存截屏图片、一键保存远程图片功能;6、不破坏Html结构,保证Htm...
5 120189 0
HTML5在线代码编辑器输入动画特效
非常酷炫的一款HTML5在线代码编辑器输入动画特效,有固定的格式化和样式显示,输入时有爆炸和震动动画效果。文章来自陌佑网www.zjw13.xyz转载请注明出处,谢谢!!!
5 160914 0
uuHEdt(在线网页编辑器) 1.0
uuHEdt(在线网页编辑器)是免费的,基于Web的所见即所得的HTML网页编辑器。 可以非常简单的在您的网站中嵌入可见即所得的网页编辑功能。广泛的支持常见的浏览器如IE, Opera, Firefox, Google Chrome and Safari。uuHEdt(在线网页编辑器)支持常见的文本设置如黑体,斜体,下划线等。还支持颜色摄取,非常方便的选取颜色。还可以插入图片,甚至设置连接的目标窗...
5 160950 0
HTML5网页在线代码编辑器
HTML5网页在线代码编辑器,代码高亮显示,输入代码爆炸动态效果显示。
2 160630 0

