HTML使用editor.md富文本编辑器

Editor.md一款国产开源在线 Markdown 编辑器

  1. 下载:官网GitHub(直接Download ZIP)
  2. 解压,进入
  3. 复制选择的文件,粘贴到项目里面
    在这里插入图片描述
  4. 在项目里面创建一个js文件夹,把刚才路径里面的editormd.jseditormd.min.js文件复制过来
  5. HTML添加点东西
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/editormd.min.css" />
	<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
	<script src="js/editormd.min.js"></script>
	<body>
		<div id="test-editormd">
			<textarea></textarea>
		</div>
	</body>
	<script type="text/javascript">
		var testEditor;
		$(function() {
			testEditor = editormd("test-editormd", {
				width: "100%",
				height: 640,
				syncScrolling: "single",
				//这个lib路径和项目里面对应
				path: "lib/",
				saveHTMLToTextarea: true 
			});
		});
	</script>
</html>

  1. 运行结果
    在这里插入图片描述
发布了3 篇原创文章 · 获赞 0 · 访问量 1835

猜你喜欢

转载自blog.csdn.net/DesYA/article/details/101904654
今日推荐