Editor.md开源在线编辑器（页面插件集成

页面插件集成—markdown

我想或许是个人博客主的福音了，通过引入markdown到博客内容管理区，非常有效且快速。

为了便以理解，这边利用个人html文件进行描述，如有不懂得地方，请提出

获取编辑器得两种途径，进入官网下载zip，压缩到对应位置Editor.md一款开源在线编辑器
第二种途径进入OSCHINA,点击下载并压缩。

为什么这里要说到两种方式，原因是博主关于第一种进入官网会出现网页加载不了的情况，试了多种方法无果。若有朋友有解决方法，不胜感激！

压缩完之后我们会得到这样一些文件，我们将需要的文件拷贝到个人网页文件下

新建lib文件夹存放插件，进入文件夹后点击css文件夹找到“editormd.min.css”此文件，然后记住这个路劲，引入到个人网页文件中

我已经引入好了，你呢？

接下来继续引入js文件，找到lib文件夹中的“editormd.min.js”,此文件，并引入。

这个路径是我的，请各位务必参照自己路径正确引入。

回到第一张图片，我们会看到 “examples”这个文件夹，它所存放的是一些示例，供人预览；我们点进去可任意找一个自己喜欢样式。

将选择好的文件拖入代码编辑器中查看

看一下示例代码，中间div id名为 test-Editor 里面的textarea的css样式默认不显示，内容[TOC]为编辑器默认的文字；
下面js部分，定义了一个变量名，将原定义好的id名放入进去，设置宽度，高度，滚动方式以及路径。

按照示例代码部分，将个人网页代码部分改动一下，或者直接复制div部分

id名我改动了一下 div中的css样式是将编辑区域能够处在网页内容前面，不然当编辑器放大时网页内容也一并显示了。

接下里就是js部分，直接复制过去就好。注意复制过来时如果div中的id名有改动，js代码也要改动一下。

示例代码中有两种方法，都可以直接用，但是路径一定路径 path 一定要写好不然就会出现这种情况

最后结果，怎么样，是不是相对来说比较简单，过程最多的只是复制，稍多加练习就会很快上手。

Editor.md开源在线编辑器（页面插件集成—markdown）相关推荐

前端页面插件集成-Markdown编辑器
页面插件集成-Markdown 下载MarkDown的插件包引入css.js.Jquary文件定义一个textarea区域作为MarkDown的载体初始化Markdown编辑器最终效果下载M ...
修改 dokuwiki（适合开发类的最好的wiki）支持 editor.md（国人做的最好的markdown）编辑
修改 dokuwiki(适合开发类的最好的wiki) 支持 editor.md(国人做的最好的markdown)编辑之前看zouhao619兄的 [dokuwiki将编辑器修改为可视化,并支持代码高 ...
SSM实训：11、页面插件集成
文章目录 Spring Boot开发小而美的个人博客-李哥 1.博客发布页面编辑器-Markdown 2.博客详情页面内容排版-typo.css 动画-animate.css 代码高亮-prism ...
java 在线编辑器_最好的Markdown开源在线编辑器，没有之一！
点击上方蓝色字体,选择"设为星标" 回复"666"获取面试宝典 Editor.md 是一款开源的.可嵌入的 Markdown 在线编辑器(组件),基于 Code ...
个人博客【页面插件集成】---学习09
文章目录一.思维导图二.Markdown 1.网上学习 2.下载 3.创建lib文件夹,放入插件 4.使用插件 5.运行查看效果 6.下载样式 7.解压出来把typo.css拷贝到css下 8.编 ...
页面插件集成：博客详情页
导航条内容不变 1.修改博客详情页的排版格式 2.中间内容:  <div class="m-container-small m-padded-tb- ...
React Design Editor 图像/视频在线编辑器；2022阿里天池冠军方案[1/1149]；计算机优秀课程大集锦；贝叶斯统计课程资料；前沿论文 | ShowMeAI资讯日报
在HTML页面中引用Markdown编辑器（Editor.md）
目录 1.下载Ediotor.md 2.引入Ediotor.md 3.确定Ediotor.md在哪里显示最近写博客项目,用到了Markdown编辑器,这里介绍一款国内好用的Markdown编辑器:E ...
Markdown编辑器Editor.md插件的使用
官网: Editor.md - 开源在线 Markdown 编辑器 (pandao.github.io)https://pandao.github.io/editor.md/index.html配置项 ...

Editor.md开源在线编辑器（页面插件集成—markdown）

页面插件集成—markdown

Editor.md开源在线编辑器（页面插件集成—markdown）相关推荐

最新文章

热门文章