• 资源分类:编辑器
  • 最后更新:2023-03-14
  • 下载积分:5【升级会员送积分】
  • 积分说明:【上传资源赚积分】
  • 收藏
    资源语言: 中文

    调用方法

    第一步:引用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



    提示:
    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 120189  0


  • HTML5在线代码编辑器输入动画特效

    HTML5在线代码编辑器输入动画特效

    非常酷炫的一款HTML5在线代码编辑器输入动画特效,有固定的格式化和样式显示,输入时有爆炸和震动动画效果。文章来自陌佑网www.zjw13.xyz转载请注明出处,谢谢!!!

    5 160914  0

  • uuHEdt(在线网页编辑器) 1.0

    uuHEdt(在线网页编辑器) 1.0

    uuHEdt(在线网页编辑器)是免费的,基于Web的所见即所得的HTML网页编辑器。 可以非常简单的在您的网站中嵌入可见即所得的网页编辑功能。广泛的支持常见的浏览器如IE, Opera, Firefox, Google Chrome and Safari。uuHEdt(在线网页编辑器)支持常见的文本设置如黑体,斜体,下划线等。还支持颜色摄取,非常方便的选取颜色。还可以插入图片,甚至设置连接的目标窗...

    5 160950  0

  • HTML5网页在线代码编辑器

    HTML5网页在线代码编辑器

    HTML5网页在线代码编辑器,代码高亮显示,输入代码爆炸动态效果显示。

    2 160630  0

  • zgwxw
    zgwxw Rank: 16

    0

    0

    0

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

    首页

    栏目

    搜索

    会员