reservation_admin/app/admin/view/article/publish_markdown.html

<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">内容</label>
    <div class="layui-input-block">
        <textarea name="[field]" id="container" style="display: none">{notempty name="$[item].[field]"}{$[item]->getData('[field]')}{/notempty}</textarea>
        <!--用于保存html-->
        <textarea name="[field]2" id="container2" style="display: none">{notempty name="$[item].[field]2"}{$[item]->getData('[field]2')}{/notempty}</textarea>
    </div>
</div>

<!-- 配置文件 -->
<link rel="stylesheet" href="__PUBLIC__/layui/extend/markdown/easymde-layui/mods/easymde/css/easymde.min.css"/>
<!-- 实例化编辑器 -->
<script type="text/javascript">
    layui.config({
        base: "__PUBLIC__/layui/extend/markdown/easymde-layui/mods/", //你存放新模块的目录，注意，不是 layui 的模块目录
    }).extend({
        easymde: 'easymde/easymde', //拓展一个模块别名
    });

    layui.use(["easymde"], function () { //加载模块
        const easymde = layui.easymde;
        const $ = layui.$;

        const mde = easymde.init({
            element: document.getElementById("container"), //文本域ID
            autosave: false,
            promptURLs: true, // 如果设置为true，则会显示一个JS警报窗口，要求提供链接或图像URL。默认为false。
            renderingConfig: {
                codeSyntaxHighlighting: true, //开启代码高亮
            },
            placeholder: "|",
            toolbar: [
                //展示所有工具栏,如果不指定有默认的选项。
                "bold", //黑体
                "italic", //斜体
                "strikethrough", //删除线
                "heading", //标题
                "heading-smaller", //缩小标题
                "heading-bigger", // 增大标题
                "heading-1", //小标题
                "heading-2", //中标题
                "heading-3", //大标题
                "|", //分割线
                "code", // 代码块
                "quote", //引用
                "unordered-list", // 无序列表
                "ordered-list", // 有序列表
                "clean-block", // 清除块样式
                "|", //分割线
                "link", //添加超链接
                "image", //添加图片
                "table", //添加表格
                "horizontal-rule", // 水平线
                "|",
                "preview", //全屏预览
                "side-by-side", //分屏预览
                "fullscreen", //全屏
                "|", //分割线
                "undo", //清空
                "redo" // 重做
            ]
        });

    });

    //提交表单前调用此函数，保存html
    function beforeSubmit() {
        $('#container2').text(layui.easymde.html())
    }

</script>