富文本编辑器文档

中外有数不清的优良的产生。、令人敬畏的的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 – 与你负责沟通

发表评论

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