Editor.md 的简单使用 tp5(emoji表情加载)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zch3210/article/details/86538456

下载安装 Editor.md,放在public/static目录下

关于emoji表情加载不出来,下载emoji插件,放在plugins/emoji-dialog目录下

修改文件中emoji的路径

   editormd.emoji   = {
        // path  : "http://www.emoji-cheat-sheet.com/graphics/emojis/",
        path  : "static/plug-ins/plugins/emoji-dialog/emoji/",
        ext   : ".png"
    };

index.html

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>EditorMD</title>
    <!--<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">-->
    <link rel="stylesheet" type="text/css" href="__STATIC__/plug-ins/lib/codemirror/codemirror.min.css" />
    <!--<script type="text/javascript" src="plug-ins/JQuery/jquery-3.3.1.min.js"></script>-->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
    <script type="text/javascript" src="__STATIC__/plug-ins/editormd.js"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/plug-ins/css/editormd.css" />
    <!--<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>-->
</head>

<body>
<div class="editormd" id="test-editormd">
    <textarea class="editormd-markdown-textarea" name="test-editormd-markdown-doc"></textarea>
    <!-- 第二个隐藏文本域,用来构造生成的HTML代码,方便表单POST提交,这里的name可以任意取,后台接受时以这个name键为准 -->
    <textarea class="editormd-html-textarea" name="text"></textarea>
</div>
<script type="text/javascript">
    $(function() {
        editormd("test-editormd", {
            //开启emoji(默认关闭)
            emoji : true,
            width   : "90%",
            height  : 640,
            syncScrolling : "single",
            //lib目录的路径
            path    : "__STATIC__/plug-ins/lib/",
            //这个配置在simple.html中并没有,但是为了能够提交表单,使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中,方便post提交表单。
            saveHTMLToTextarea : true
        });
    });
</script>
</body>
</html>

访问结果

猜你喜欢

转载自blog.csdn.net/zch3210/article/details/86538456