Layui 简便Markdown编辑器

引入css

<link rel="stylesheet" href="easyeditor.css">

Html代码

<textarea id="L_content" name="content" style="" required lay-verify="required" placeholder="请输入发表内容" class="layui-textarea editor"></textarea>

引入组件js

<script src="marked.min.js" type="text/javascript" charset="utf-8"></script>

JS代码

<script>
    layui.use(['easyeditor'], function() {
    var easyeditor = layui.easyeditor;
    //初始化Markdown编辑器
    easyeditor.init({
        elem: '.editor' //textarea 元素class
        ,uploadUrl: '/upload' //图片上传地址
        ,uploadSize: '' //限制的上传大小 单位kb 默认 1024k 
        //,codeSkin:'notepad' //代码框样式 默认不填 与notepad
        //,style:'fange' //内置样式  目前只有默认 和 方格两种
        //,buttonColor:'#FFB800' //自定义按钮颜色
        //,hoverBgColor:'red'  // 自定义鼠标悬浮背景颜色
        //,hoverColor:'#000000' // 自定义鼠标悬浮按钮颜色
    });
//upload 接口要求返回的数据格式 
//{
//    code:0   ,//code=0代表文件保存成功 其他code值 则认为失败
//    msg:'图片保存失败' ,//搭配code使用 当code不等于 0 时,做出提示信息
//    url:'http://xxx.com/images/xxx.jpg' //图片上传成功后,图片的访问路径/保存路径,使用图片全路径
//}
});
</script>

组件JS (easyeditor.js/face.js 放在modules)

在压缩包里面

组件下载

点击下载