微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在网站中集成markdown

首先去下载markdown
https://github.com/pandao/editor.md/archive/master.zip
然后复制相关文件到对应文件夹,
css文件夹是原css文件加上style.css
fonts是原文件夹(没有这个就没有编辑框上的图标)
js文件夹中也是对应的js文件
lib文件夹为原文件

在这里插入图片描述

然后编写一个HTML文件

<!DOCTYPE html>
<html lang="zh">
	<head>
		<Meta charset="utf-8">
		<title>在网站中集成markdown</title>
		<link rel="stylesheet"  href="css/editormd.css"/>
		<link rel="stylesheet"  href="css/style.css"/>
	</head>
	
	<body>
		<div id="test-editormd">
		    <textarea style="display:none;">
			<script src="../js/jquery.min.js"></script>
			<script src="../editormd.js"></script>
			</textarea>
		</div>
		
		<script src="js/jquery.min.js"></script>
		<script src="js/editormd.js"></script>
		<!--注意这里script引入的顺序不能颠倒,否则会报错(editormd不是一个function)-->
		<script type="text/javascript">
			var testEditor;
		
		    $(function() {
		        testEditor = editormd("test-editormd", {
		            width           : "90%",
					height:640,
		            autoHeight      : true,
		            path            : "./lib/",
		            htmlDecode      : "style,script,iframe", 
		            tex             : true,
		            emoji           : true,
		            taskList        : true,
		            flowChart       : true, 
		            sequenceDiagram : true
		        });
		    });
		</script>
	</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐