富文本编辑器文档

中外有很多优良的生利。、难以对付的的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 – 与你负责沟通

发表评论

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