html页面集成markdown编辑器_html+写markdown+发布-CSDN博客

1、markdown安装包下载地址：

https://github.com/pandao/editor.md/archive/master.zip

2、html中引入markdown时需要引入的js文件包括：

editormd.js或者editormd.min.js

3、需要引入的css文件包括：

editormd.css或 editormd.min.css

相关文件可以下载安装包后解压安装包获得。

4、然后在需要嵌入编辑器的html中引入上述js及css两个文件

<linkrel="stylesheet"href="../css/editormd.css"/><scriptsrc="../js/editormd.js"></script>

5、引入文件后，在页面中插入这段js代码：

<scripttype="text/javascript">// 调用编辑器vartestEditor; $(function(){testEditor = editormd("test-editormd", { width :"1000px", height :640, syncScrolling :"single", path :"../public/editormd/lib/"}); });

6、最后，在html需要插入编辑器的位置插入：

<divid="test-editormd"><textareastyle="display:none;"id="ts"></textarea></div>

href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-e1cc28b339.css" rel="stylesheet"> href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-d1e89cace4.css" rel="stylesheet">

内容来源：csdn.net

作者昵称：Tom·Ge

原文链接：https://blog.csdn.net/gedonshen/article/details/78271964

作者主页：https://blog.csdn.net/gedonshen

标签

#html #css #markdown #编辑器 #javascript

确定要放弃本次机会？

福利倒计时

::

立减 ¥

普通VIP年卡可用

立即使用

---

延伸阅读 · 我的付费专栏

觉得这篇文章对你有帮助？我把同类主题的系统化内容沉淀成了付费专栏，欢迎订阅支持持续输出：

专栏	定价	内容
大模型工程师修炼手记	19.9 元	AI 编程 / Agent 深度实战
AI时代程序员的自我提升	49.9 元	AI 时代成长方法论

本文配套代码 / 资料包：欢迎在评论区留言「求代码」，我会私信发送完整资源！