(七)博客发布页面Markdown插件集成

1.引入Markdown编辑器的步骤

1.官网下载https://pandao.github.io/editor.md/
2.复制Markdown文件

(七)博客发布页面Markdown插件集成_第1张图片

3.将上述标注的文件复制到博客发布页面
4.在头部引入

(七)博客发布页面Markdown插件集成_第2张图片

5.在/Markdown/editor.md-master/examples/simple.html找到一个例子
(七)博客发布页面Markdown插件集成_第3张图片
6, 根据例子中的需要引入的js结合自己项目存放“复制文件的”地址给“博客发布页”添加js。本例子中的位置为

头部

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

底部

<script type="text/javascript">
			var contentEditor;
			$(function() {
      
				// md-content要与textarea中的最外层的div的id一致
			    contentEditor = editormd("md-content", {
      
			        width   : "100%",
			        height  : 640,
			        syncScrolling : "single",
					// js存放地址
			        path    : "../static/lib/editormd/lib/"
			    });
			
			
		script>

你可能感兴趣的:(html)