layui富文本编辑器的使用

<div class="form-group" style="margin-bottom:5px;">
<label for="description">图片</label>
<textarea name="description" class="form-control" placeholder="图片" rows="5" id="description" style="display: none;">{if !empty($artInfo['description'])}{$artInfo['description']}{/if}</textarea>
</div>

<div class="form-group" style="margin-bottom:5px;">
   <label for="options">选项</label>
   <textarea name="options" class="form-control" placeholder="选项" rows="5" id="options" style="display: none;">
   {if !empty($artInfo['options'])}{$artInfo['options']}{/if}
   </textarea>
</div>

//注意：layedit.set 一定要放在 build 前面，否则配置全局接口将无效。
       layedit1.set({
           uploadImage: {
               url: '/cdaadmin/ability/upimg', //接口url
               type: 'post' //默认post
           }
       });

layedit1.build('description', {//建立编辑器
           height: 180,
       });
   });

layui.use('layedit', function(){
var layedit2 = layui.layedit;

layedit2.build('options', {//建立编辑器
           height: 180,
           tool: [
               'strong' //加粗
               ,'italic' //斜体
               ,'underline' //下划线
               ,'del' //删除线
               ,'|' //分割线
               ,'left' //左对齐
               ,'center' //居中对齐
               ,'right' //右对齐
               ,'link' //超链接
               ,'unlink' //清除链接
           ]
       });
   });
</script>

layui富文本编辑器的使用相关推荐

layui富文本编辑器上传图片java_解决layui富文本编辑器图片上传无法回显的问题...
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
layui富文本编辑器图片上传无法回显问题解决
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
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 ...
2021-11-17 layui富文本编辑器的使用（layedit）
参考文章: 文档地址 layui富文本框layedit的使用及内容的禁用 html <textarea id="demo" name="demo" pla ...
layui富文本编辑器layedit增加上传视频与音频功能
改动效果: layui2.4.3并没有视频.音频等上传功能,不过还好,目前有一个基于layui2.4.3的layedit扩展,增加了视频上传.字体颜色等等. 首先去下载一个layedit扩展文件:中转 ...
php layui富文本编辑器,Kz.layedit-layui.layedit富文本编辑器拓展
摘要: 本插件基于layui.layedit,增加了HTML源码模式,片插入功能添加alt属性(layupload),视频插入功能,全屏功能,段落格式,字体颜色设置,右键菜单操作,插入锚点,水平线功能 ...

layui富文本编辑器的使用

layui富文本编辑器的使用相关推荐

最新文章

热门文章