富文本编辑器文档

中外有数不清的优良的销售。、可怕的的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 – 与你负责沟通

发表评论

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