layui使用富文本已经使用第三方插件Kz.layedit来优化layui的富文本

layui提供的精简的富文本

如果你正苦苦寻找一款轻量的Web富文本编辑器，那么LayEdit会是你不错的选择。

1.根据官方文档提供的layedit

   layui.use('layedit', function(){
        var layedit = layui.layedit;
        /**
         *layedit的上传图片
         */
        layedit.set({
            uploadImage: {
                url:  '/upload/layuiUploadOne' //接口url
                ,type: 'post' //默认post
            }
        });
        layedit.build('demo', {
            height: 500 //设置编辑器高度
        });

    });

效果如下：

 官方文档说的很清楚，简易的富文本使用layui提供的的确十分方便，但是缺少的元素很多。像什么标题，元素，等简单的都没有。小编我当初页为此苦恼啊。临时换富文本，成本太高了。幸好发现了大牛在layedit基础上改编的富文本；

2.使用第三方插件丰富layui的富文本

前段页面：

    
 
        

            活动首图
            

                
                更换图片
                

                    
                    

                
            
            活动简介
            

                
            
        
        

            头标题1
            

                
            
            头标题2
            

                
            
            内容标题
            

                
            
        

        

            开始时间
            

                
            
            结束时间
            

                
            
            人数上限
            

                
            
        
        

            活动内容
            

                
            
        
        

        

            

                立即提交
            
        
        
    

js页面代码：

效果图：

有啥不懂得小伙伴们加群交流啦：852665736；本群致力于一同进步的小伙伴们，大家一起交流探讨，在陌生的城市感受温暖； 

无偿免费分享源码以及技术和面试文档，更多优秀精致的源码技术栈分享请关注微信公众号：gh_817962068649