Layui 简便Markdown编辑器

chenvle 2020-07-06 PM 1117℃ 1条

引入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)

在压缩包里面


组件下载

点击下载

标签: none

非特殊说明,本博所有文章均为博主原创。

评论啦~



唉呀 ~ 仅有一条评论


  1. 阿斯蒂
    阿斯蒂

    asdfasd

    回复 2023-07-31 18:00