编辑器的使用

最新推荐文章于 2024-08-29 20:44:39 发布

原创最新推荐文章于 2024-08-29 20:44:39 发布 · 302 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#编辑器

笔记专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍Editor.md编辑器的使用方法，包括从官网获取资源、在项目中引用css和js文件，以及通过html和js代码配置编辑器。适用于希望快速上手Editor.md的前端开发者。

Editor.md编辑器

1.官网地址:editor.md网址
2.下载:github下载地址
3.引用css

<link rel="stylesheet" href="editormd.min.css" />

4.引用js

<script src="jquery.min.js"></script>
<script src="editormd.min.js"></script>

5.html代码

<div id="editormd">
    <textarea style="display:none;">### Hello Editor.md !</textarea>
</div>

6.js代码配置编辑器

<script type="text/javascript">
    $(function() {
        var editor = editormd("editormd", {
            path : "../lib/" // Autoload modules mode, codemirror, marked... dependents libs path
        });

        /*
        // or
        var editor = editormd({
            id   : "editormd",
            path : "../lib/"
        });
        */
    });
</script>

7.文件加载中path路径也要修改
修改path路径