网页内嵌markdown编辑器

最新推荐文章于 2023-08-02 10:31:57 发布

YANGGEOL

最新推荐文章于 2023-08-02 10:31:57 发布

阅读量1.2k

点赞数 1

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_46253184/article/details/119178903

版权

前端专栏收录该内容

27 篇文章

订阅专栏

网页内嵌MarkDown

下载MarkDown编辑器文件
下载地址

下载解压文件目录
创建文件夹将上方框起来的文件拖入一个文件夹
创建网页引入文件(editormd.min.css,editormd.min.js)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>markdown</title>
    <link rel="stylesheet" href="./css/editormd.min.css">
</head>
<body>
	<div id="md-content">
		<textarea name="content" placeholder="博客内容" style="display: none;"></textarea>
	</div>
              
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
    <script src="./editormd.min.js"></script>
     <script>
        // md集成
        var contentEditor;
        $(function() {
            contentEditor = editormd("md-content", {
                width   : "100%",
                height  : 640,
                syncScrolling : "single",
                path    : "./lib/"
            });
        });
    </script>
</body>
</html>