2021-11-17 layui富文本编辑器的使用（layedit）

参考文章：

文档地址

layui富文本框layedit的使用及内容的禁用

html

<textarea id="demo" name="demo"  placeholder="请输入内容" class="layui-textarea"></textarea>
<textarea id="demo2" name="demo2"  placeholder="请输入内容2" class="layui-textarea"></textarea>

layui.use('layedit', function(){var layedit = layui.layedit;/*** 自定义富文本编辑器工具栏*/var layeditTool = {tool: ['strong' //加粗,'italic' //斜体,'underline' //下划线,'del' //删除线,'|' //分割线,'left' //左对齐,'center' //居中对齐,'right' //右对齐,'|' //分割线,'link' //超链接,'unlink' //清除链接,'face' //表情]};//创建富文本编辑器var demo = layedit.build('demo', layeditTool);var demo2 = layedit.build('demo2', layeditTool);/*内容不可编辑。此行必须在setContent函数前修改属性，否则属性设置不成功*/$("#LAY_layedit_1,#LAY_layedit_2").contents().find("body[contenteditable]").prop("contenteditable",false);//jquery获取iframe里的内容//layui富文本框赋值layedit.setContent(demo, "layui富文本框赋值");layedit.setContent(demo2, "layui富文本框赋值2");//layui富文本框取值layedit.getContent(demo);layedit.getContent(demo2);
});

2021-11-17 layui富文本编辑器的使用（layedit）相关推荐

php layui富文本编辑器,Kz.layedit-layui.layedit富文本编辑器拓展
摘要: 本插件基于layui.layedit,增加了HTML源码模式,片插入功能添加alt属性(layupload),视频插入功能,全屏功能,段落格式,字体颜色设置,右键菜单操作,插入锚点,水平线功能 ...
layui富文本编辑器上传图片java_解决layui富文本编辑器图片上传无法回显的问题...
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
layui富文本编辑器图片上传无法回显问题解决
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
11. Django 引入富文本编辑器KindEditor
打开微信扫一扫,关注微信公众号[数据与算法联盟] 转载请注明出处:http://blog.csdn.net/gamer_gyt 博主微博:http://weibo.com/234654758 Gith ...
layui富文本编辑器上传图片
layui是贤心大神的开源前端框架,也是对后端菜鸟非常友好的一个框架,平常开发的时候就比较喜欢使用这个,最近刚好写网站就到了layui的富文本编辑器,遇到一些有意思的事情,就和大家聊聊. 首先准备工作 ...
LayUI - 富文本编辑器
一个做后端的猿,难免用到LayUI,首先在这里,不推荐使用,坑多一.富文本编辑器缺点:功能太少,只能满足简单需求,只有下面这几个功能废话少说,直接丢代码 html部分 <link rel= ...
layui富文本编辑器(layedit)的使用
效果图: 1.html页面使用文本域标签承载富文本编辑器<textarea></textarea><div class="layui-form-item&qu ...
Layui富文本编辑器图片上传接口(.NET C#)
本来想偷懒找个现成的接口,搜了一下发现没有现成的,那我在这写一个并分享给大家吧. demo打包好了在我的csdn下载中心:http://download.csdn.net/download/xiang ...
layui富文本编辑器的使用
<link href="/layui/css/layui.css" rel="stylesheet"> <div class="fo ...

2021-11-17 layui富文本编辑器的使用（layedit）

2021-11-17 layui富文本编辑器的使用（layedit）相关推荐

最新文章

热门文章