富文本编辑器文档

中外有大多数人优良的合意的人。、令人敬畏的的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 – 与你负责沟通

发表评论

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