前端集成MarkDown插件

最新推荐文章于 2024-05-14 14:51:13 发布

墨苒孤

最新推荐文章于 2024-05-14 14:51:13 发布

阅读量1.5k

点赞数 2

分类专栏：前端实用工具文章标签：前端

本文链接：https://blog.csdn.net/qq_43322436/article/details/121570069

版权

前端实用工具专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.下载markdownn 提供的包

官方地址为 https://pandao.github.io/editor.md/
点击前往

在这里插入图片描述

下载，解压后是这样的

在这里插入图片描述

可以全部引用，也可以引用一部分(省内存),我这里是引用一部分

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./editormd/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="./editormd/editormd.min.js"></script>
	<script type="text/javascript">
	    $(function() {
	        var editor = editormd("test-editor", {
	            // width  : "100%",宽度
	            // height : "100%",高度
	            path   : "./editormd/lib/"
	        });
	    });
	</script>
	</body>
</html>

效果图

在这里插入图片描述

墨苒孤

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
3
评论
前端集成MarkDown插件

1.下载markdownn 提供的包官方地址为 https://pandao.github.io/editor.md/点击前往下载，解压后是这样的可以全部引用，也可以引用一部分(省内存),我这里是引用一部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet"
复制链接

扫一扫