富文本编辑器文档

中外有很大程度上优良的产生。、壮大的HTML编辑器,但这是遍及在的。:非常膨大(不到几千行),超越10000行编码。、用户相间的老一套,它还缺席恢复几年。。而现时,跟随Layui的使摆脱,咱们效劳对充沛的文本作出少量地新的限界。。LayEdit依旧依照极简主义的设计风骨,假使在UI上。,应该代言人应用?,放量戒除复杂的效能和配备。。假使你正困难的寻觅一款轻量的Web富文本编辑器,这么LayEdit将是你的好选择。。

模块堆积名声:layedit

就像那个过来的编辑俱。,你必要性伙伴单独拉环(普通为textarea文本域)作为编辑器的目的元素,话说回来打电话给 (ID) 那就够了,如次所示:



      

话说回来你会参观下面的典型(刀杆的部分的缺席配备,它和Layui所非常本质俱。,兼容的买到浏览程序,要不是IE6/ 7。

LayEdE出价了一种相当促进的方式。,如次:

方式名 提出异议
var index = (身份证, 得到或获准停止选择 编辑结心方式

index:即,如此方式来回的参照。

限制因素 id: 侦查元素的ID值(通常是TexTaReA)

限制因素 options:编辑器的可配备以协议约束,下面将引见更多特效药。
(得到或获准停止选择 设置编辑器的大局属性

即,下面的结构方式的得到或获准停止选择。
layedit.getContent(参照) 获取编辑器的目录

限制因素 index: 即处死来回值。
(参照) 获取编辑器的文本目录

限制因素 index: 同上
(参照) 用于同时性编辑器的目录到文本文本(通经用于异步)

限制因素 index: 同上
(参照) 获取编辑器选择的文本。

限制因素 index: 同上

建筑风格编辑方式 (身份证, 得到或获准停止选择 击中要害秒个限制因素(得到或获准停止选择),容许咱们为编辑器设置少量地设置。,如:

(ID), {
  height: 180 设置编辑器顶垂线
});
      

得到或获准停止选择可以出价的限制因素如次

属性 典型 提出异议
tool Array 重行编辑编辑器刀杆,如: tool: [连接], 解锁, 面子
hideTool Array 编辑器刀杆不显示。,BAR,一种经用的躲避默许配备的器。
height Number 设置编辑器的初始顶垂线。
uploadImage Object 设置图片上传的数据相间的,如:uploadImage: 网址 ”/upload/”, type: POST}

编辑器的刀杆可以按以下方式定做。

(ID), {
  tool: [左], 谷粒, 对, ''|'', 面子
});      
      

眼前,LayEdE任选栏已(可自在安置):

tool: [
  刚强 //加粗
  ,古意大利的的 //古意大利的
  ,下划线 //下划线
  ,幽谷 //拟出线
  
  ,''|'' //分割线
  
  ,左 //左转让
  ,谷粒 //居中转让
  ,对 //右转让
  ,连接 //超连接
  ,解锁 //重置连接
  ,脸 //神情
  ,图像 //拔出图片
  ,帮忙 //帮忙
]
      

LayEdress出价了将图片拔出编辑器的维持。,必要条件是配备。 uploadImage,如:

({
  uploadImage: {
    url: '''' 代言人URL
    ,type: '''' 拖欠作业
  }
});
//在意: 一定要把它放上。 build 后面,若非,配备大局代言人将不克不及成立的。。
(演示) 做编辑器
      

即,LayEdit缺席在满足需要SI上出价图片领受。,只是您必要以以下体式来回JSON音讯到LayEdit:

{
  "code": 0 0隐含成。,及其他毛病
  ,"msg": "" //指明物 普通上传的数据降低价值后来回
  ,"data": {
    "src": "图片大大地"
    ,"title": "图片名声" //可选
  }
}
      

或许你以为LayEdTe的效能少量地差。,显著地与百度UE的特殊厚重的编辑相形。。是的,LayEngress刀杆不多。,这次要是鉴于Layui的第单独版本的发布的新闻时期。,效能充沛的编辑器必要很长时期才干修改。,而Layui 1显然不克不及可使用。。但咱们会在后续版本视命运指画LayEdit停止效能晋级,这将包含:HTML源编码编辑、圣洗池色、圣洗池大小、圣洗池体式、拔出表格、拔出表、拔出商议块、拔出编码、拔出附件、分割线、概述、两个形成刀杆相间的维持等。

在包管完整无缺的效能的同时,,特殊在意编码的轻量级。。

layui – 与你负责沟通

发表评论

电子邮件地址不会被公开。 必填项已用*标注