JS历理 Markdown在线编辑器editor

  1. 官网下载
    下载地址：http://editor.md.ipandao.com

  2. JS引入新建文件夹md，将下载好的文件引入过来，

  3. 新建方法视图文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
    <link rel="stylesheet" href="md/css/editormd.css"/>
</head>
<body>

<div id="test-editor">
    <textarea style="display:none;">### 关于 Editor.md
**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。
    </textarea>
</div>

<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="md/editormd.min.js"></script>
<script type="text/javascript">
    $(function() {
        var editor = editormd("test-editor", {
            width  : "100%",
            height : "600px",
            path   : "md/lib/"
        });
    });
</script>
</body>
</html>

效果图：

posted @ 2024-05-22 16:38  onestopweb  阅读(205)  评论(0)    收藏  举报