软件、硬件定制开发,联系QQ:99605319
资源语言: 中文

调用方法

第一步:引用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内置很多可选参数,请根据自身需要配置

参数列表

参数用途默认值可选值示范
toolbar工具栏模式fullfull、admin、minitoolbar:'full'
mode编辑器模式htmlhtml、codemode:'html'
height编辑器高度300autoheight:'300'
value初始值

value:'初始值'
upload上传接口路径

upload:'/upload.php'
params上传接口参数

params:{token:"1234"}
save保存远程图片接口路径

save:'/save.php'
arrow下拉小箭头falsetrue、falsearrow:true
autofocus是否自动焦点falsetrue、falseautofocus:true
autosave自动同步truetrue、falseautosave:true
pagebreak分页符_editor_page_
pagebreak:'_sdcms_editor_page_'
fontfamily下拉字体

fontfamily:['宋体','微软雅黑']
fontsize下拉字体大小

fontsize:['12','14']
color下拉颜色选择

color:['FFFFFF','000000']
headline下拉标题选择

headline:[{t:'正文',c:'p',s:16},{t:'标题1',c:'h1',s:28}]
bgColor小工具背景颜色

bgColor:['FFFFFF','000000']
plug自定义按钮

plug:{}


08i8Editor支持自定义配置工具条。



08i8Editor支持自定义按钮。

工具条参数列表

参数用途
headline标题
fontfamily字体
fontsize字体大小
fontcolor文字颜色
bgcolor背景颜色
justifyleft左对齐
justifycenter居中对齐
justifyright右对齐
justifyfull两端对齐
link超链接
unlink取消超链接
subscript上标
superscript下标
image图像
upload上传
bold加粗
italic斜体
underline下划线
strikethrough删除线
removeformat清除格式
InsertOrderedList数字列表
InsertUnorderedList项目列表
indent增加缩进
outdent减少缩进
emoji表情
table表格
line水平线
pagebreak分页标签
auto自动排版
down保存远程图片
date插入日期
clear清空编辑区
htmlhtml/代码模式
fullscreen全屏
preview预览
about关于
|间隔符
br换行



接口说明

默认仅提供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:为所有类型文件


搜狗截图23年03月14日1533_19.png




编辑器资源(08i8Editor自适应自定义富文本编辑器(有说明))网址:https://www.08i8.com/ttqdzy/detail18418.html;转载请注明!


提示:
1、资源共享网(www.08i8.com)编辑器资源《08i8Editor自适应自定义富文本编辑器(有说明)》仅供研究学习请勿商用!
2、如果发现本资源违法或侵权请【报告管理员】
3、您所看到的所有资源都是网友分享,资源共享网(www.08i8.com)无法保证都能正常下载使用,
4、如果您发现资源无法下载或无法使用请【报告管理员】,管理员会联系资源发布者补充新资源!
5、如果暂时无法补充新资源,【只退积分!不退款!
6、关注微信公众号:《国资互联联盟》 不迷路!

与《08i8Editor自适应自定义富文本编辑器(有说明)》相关的《插件》



  • NiceEditor富媒体编辑器(移动端自适应)

    NiceEditor富媒体编辑器(移动端自适应)

    注:只有php上传接口和远程图片保存接口功能特点:1、基于:Jquery + IconFont + Css3 开发;2、兼容性:IE10+、Chrome、Firefox等常见浏览器,支持移动端使用;3、支持:提交前自动同步、拖动改变高度、Api接口,以及良好的快捷操作;4、较高的安全性:可以有效过滤常见的 XSS 攻击;5、支持保存截屏图片、一键保存远程图片功能;6、不破坏Html结构,保证Htm...

    5 57081  0


  • 阿赛HTML在线编辑器7

    阿赛HTML在线编辑器7

    《阿赛HTML在线编辑器》是一款简洁,兼容性极强的HTML在线编辑器(经测试已完美兼容IE全系、火狐、谷歌),可以方便地整合到各种网站系统中(经测试已完美支持ASP、PHP、.NET、JSP),摒弃常规的框架编辑器模式,采用全新的文本域模式,获取更好的多浏览器兼容性,仅一个JS核心文件,方便大家植入与修改。功能:样式、字体、字号、颜色、背景颜色、加粗、斜体、下划线、立体字、发光字、上标字、下标字、...

    5 98769  0

  • kindeditor在线html编辑器(asp/php/.net/jsp)

    kindeditor在线html编辑器(asp/php/.net/jsp)

    KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用KindEditor把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。可对接asp/php/.net/jsp支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera用法 KindEditor JSP KindEditor....

    4 98606  0

  • 简洁的富文本编辑器NicEdit插件

    简洁的富文本编辑器NicEdit插件

    NicEdit富文本编辑器是一个非常简洁的轻量级网页编辑器插件,跨平台的Inline Content Editor。文章来自陌佑网www.zjw13.xyz转载请保留本链接,谢谢!

    2 98520  0

  • zgwxw
    zgwxw Rank: 16

    0

    0

    0

    ( 此人很懒并没有留下什么~~ )
    img

    08i8Editor自适应自定义富文本编辑器(有说明)

    下载积分 钻石会员
    5 免费
    请您 登录后 下载 !
    说明

    您下载所消耗的积分将转交上传作者。上传资源,免费获取积分!


    首页

    栏目

    搜索

    会员