富文本编辑器文档

2019年2月8日 sayhello 0 Comment

中外有数不清的优良的产生。、令人敬畏的的HTML编辑器，但这是遍及在的。：非常收缩（不到几千行），超越10000行加密。、用户范围老一套，它还缺席修正几年。。而现时，跟随Layui的发行，敝效劳对丰富多彩的的文本作出稍许的新的界限。。LayEdit依旧依照极简主义的设计作风，假设在UI上。，应该交谈应用？，放量撤销复杂的效能和排列。。假定你正奋发地找寻一款轻量的Web富文本编辑器，这么LayEdit将是你的好选择。。

模块瞄准规定：layedit

就像那过来的编辑相似的。，你必要地方任一紧跟（普通为textarea文本域）作为编辑器的目的元素，而且下令 （ID） 那就够了，列举如下所示：

而且你会笔记下面的典型（刀杆的偏袒地缺席排列，它和Layui所非常实际存在物相似的。，亲和的财产浏览程序，以及IE6/ 7。

Layui它是任一具有匠心的UI使适合。，这是敝对高气质的承兑报价。。固然现时交易健康状况上的供养过度了。 Vue/React 光环前端蓝图，但敝现时仍在上如此的典型。，是求婚任一极简结算方式，即，不必要依靠过度看起来与相像逼迫的器。，导演巧妙办法。。这是因匠心。，有些事实比男人设想的要简略得多。，最最在寻求尽善尽美的逼迫症的引领下，我常常在旋转上停留。、摧毁与使更新回旋，因而拉伊拖了升起。，从伸出到现时，如同快1年了。。在我两个月的全职SoHo区以后，Layui的第任一版本末后公布了。！ 2016.10.14

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 – 与你负责沟通

澳门美高梅官方网站

富文本编辑器文档

发表评论 取消回复

发表评论取消回复