Editor.md 二次开发-markdown在线编辑器

最新推荐文章于 2024-09-13 22:09:00 发布
最新推荐文章于 2024-09-13 22:09:00 发布
阅读量705 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maoguan121/article/details/108506252
版权
本文档介绍了如何对开源Markdown编辑器Editor.md进行二次开发，以满足在线编写Markdown的需求。作者通过自定义工具栏、添加快速移动光标功能、修改文件上传和实现浏览器读取剪切板图片上传等功能，打造了一个方便使用的在线Markdown文档编辑器。同时，提供了官方QQ交流群供读者交流。
摘要由CSDN通过智能技术生成

需求分析

经常需要在网络论坛发布文章进行宣传良心工作室最新免费服务，但每个论坛的编写格式存在差异，给发布带来了很大的障碍。

最近markdown格式的兴起，给广大发布者带来了福音，一种文档格式大部分网站都支持，一次编写即可在多个论坛上发布。

如何在线编写markdown就成为一种需求。

markdown编辑器调研

经过查找和对比，发现editor.md是一款开源的markdown编辑器，非常的不错，实例丰富，使用比较简单。

editor.md 经过实际测试，发现几个小问题:

  • 自定义工具栏 添加自己需要的内容非常有帮助
  • 无法快速移动光标到文档尾 如果文档比较大，想要移动到文档尾部，比较麻烦
  • 无法上传图片 需要配置服务端php才能支持
  • 无法复制粘贴图片进行上传 这个功能非常的有用

在线markdown文档编辑器

在线markdown文档编辑器

打造在线markdown编辑器

自定义工具栏

增加如下三个配置，即可在工具栏增加html代码

toolbarIcons : function() { var toolBarIconArray=editormd.toolbarModes["full"]; toolBarIconArray.push("aboutus"); return toolBarIconArray; },

自定义html代

最低0.47元/天 解锁文章
maoguan121
关注
markdown在线编辑器 editor.md 二次开发详细教程
maoguan121的博客
10-15 1886
markdown在线编辑器 editor.md 二次开发 需求 经常需要在网络论坛发布文章进行宣传，但每个论坛的编写格式存在差异，给发布带来了很大的障碍。 最近markdown格式的兴起，给广大发布者带来了福音，一种文档格式大部分网站都支持，一次编写即可在多个论坛上发布。 如何在线编写markdown就成为一种需求。 markdown编辑器调研 经过查找和对比，发现editor.md是一款开源的markdown编辑器，非常的不错，实例丰富，使用比较简单。 editor.md 经过实际测试，发现几个小需求:
富文本编辑器：editor.md
qq_47750283的博客
07-26 3053
富文本编辑器 Editormd 简介 Editor.md——功能非常丰富的编辑器，左端编辑，右端预览，非常方便，完全免费 官网：https://pandao.github.io/editor.md/ 主要特征 支持“标准” Markdown / CommonMark 和 Github 风格的语法，也可变身为代码编辑器； 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能； 支持 ToC 目录（Table o
Markdown编辑器editor.md的使用
热门推荐
终日思 < 须臾学
06-24 3万+
一、Markdown和editor.md简介：Markdown在技术圈里（估计更多是程序猿吧）越来越流行。简单的语法，统一的格式，使用过程中，手基本上不用从键盘上移到鼠标上去，超级方便。写好了一篇md文档(也就是含Markdown语法格式的普通TXT文件)，可以随意放到别的支持Markdown格式的网站上发布。editor.md是国内开源的一款在线Markdown编辑器，单纯基于前端JavaScri
Editor.md 常见问题解决方案
最新发布
gitblog_07492的博客
09-13 296
Editor.md 常见问题解决方案 editor.md The open source embeddable online markdown editor (component). 项目地址: https://gitcode.c...
editor.md
zhuzi51的专栏
05-23 509
参考 https://blog.csdn.net/lovejavaydj/article/details/73692917
editormd
liwwnwen的博客
11-27 154
使用editormd图片上传无法返回路径问题 内部再生成json时会自动添加一些没必要的多余字段 在此处添加一行只取body中pre第一个数据
Editor.md - 开源在线 Markdown 编辑器
gitblog_07490的博客
09-13 518
Editor.md - 开源在线 Markdown 编辑器 editor.md The open source embeddable online markdown editor (component). 项目地址: https:...
Editor.md Markdown编辑器 v1.5.0.zip
03-21
《Editor.md：一款强大的Markdown编辑器》 Editor.md是一款基于Markdown语法的开源在线编辑器，其版本v1.5.0在源码分享社区中备受瞩目。Markdown是一种轻量级的标记语言，允许用户通过简单的文本格式来创建结构化的...
Editor.md Markdown编辑器-其他
06-12
Editor.md是一个可嵌入的开源Markdown在线编辑器组件，你可以很方便用在浏览器、NW.js（Node-webkit）等地方，基于CodeMirror、jQuery和Marked构建。 主要特性： 1、支持“标准”Markdown和Github风格的语法，也可变身为代码编辑器； 2、支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能； 3、支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法； 4、支持TeX科学公式（基于KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram； 5、支持识别和解析HTML标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性； 6、支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件； 7、兼容主流的浏览器（IE8+）和Zepto.js，且支持iPad等平板设备；
Editor.md 是一款开源的、可嵌入的 Markdown 在线编辑器（组件）
03-25
Editor.md 建立在众多优秀的开源组件基础之上，遵循和使用 MIT License 开源协议，无论个人还是公司，都可以免费自由使用。 支持“标准” Markdown / CommonMark 和 Github 风格的语法，也可变身为代码编辑器； 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能； 支持 ToC 目录（Table of Contents）、Emoji 表情、Task lists、@链接等 Markdown 扩展语法； 支持 TeX 科学公式（基于 KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram; 支持识别和解析 HTML 标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性； 支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件； 兼容主流的浏览器（IE8+）和 Zepto.js，且支持 iPad 等平板设备； 支持自定义主题样式；
editor.md-master1.5.zip
03-19
【标题】"editor.md-master1.5.zip" 提供的是一个名为 "editor.md" 的Markdown编辑器的源码包，版本为1.5。Markdown编辑器是用于编写和预览Markdown格式文本的工具，它通常具有简洁的界面，支持实时预览功能，使用户...
Markdown编辑器——Editor.md的使用
weixin_38083551的博客
11-11 7177
最近在写一个个人博客项目，其中用到了一款开源的Markdown文本编辑器——Editor.md，记录一下将其集成到项目中的方法，以及踩的坑。 1. 从官网上下载源码 官网地址：Editor.md - 开源在线 Markdown 编辑器 最新版本： v1.5.0，更新于 2015-06-09 （已经很久没有更新版本了，但在项目中用的还是非常多的） 下载下来之后是一个压缩包，解压 2. 将需要的资源导入项目 创建一个Springboot项目，在resources/statics目录下创建一个
Editor.md —— 国人开发 Markdown 在线编辑器
weixin_34015860的博客
06-06 244
Editor.md 是一个基于jQuery和CodeMirror构建的在线Markdown文档编辑器。 文章转载自 开源中国社区 [http://www.oschina.net] ...
Editor.md安装使用（markdown)
nlbwqmz的博客
11-02 5552
下载 Editor.md官方下载 写markdown 1. 引入JS和CSS &amp;amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;${ctx}/mdeditor/css/editormd.css&amp;quot;&amp;amp;gt; &amp;amp;lt;script type=&amp;quot;text/javascript&a
Editormd一款开源的可嵌入的Markdown在线编辑器
08-10
Editor.md 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。
Editor.md 简单使用(三)——修改已经编辑的内容
zhuzi51的专栏
06-08 6924
楔子 在首次编辑时，是使用md给定的js方法，构造的编辑区域，但是要修改已经编辑的内容时。怎么把数据回显到页面，后台传来的数据怎么放置合适。使用&amp;lt;textarea class=&quot;editormd-markdown-textarea&quot; name=&quot;test-editormd-markdown-doc&quot; style=&quot;display: none;&quot;&amp;gt;${
Editor.md使用注意事项
zhulier1124的博客
05-08 1万+
阅读本文可能会解决的问题: ① Editor.md目录结构精简 ② 文本中的图片居中显示&amp;默认大小限制 ③ 上传图片保存路径和base64图片转码问题 ④ 编辑器默认文字"Enjoy Markdown! coding now..."的修改 ⑤ 编辑器主题的切换 ⑥ 提交文本报错"Data truncation: Data too long for column 'xxxx' at row...
推荐开源项目：Editor.md - 在线Markdown编辑器
gitblog_00034的博客
03-19 379
推荐开源项目：Editor.md - 在线Markdown编辑器 editor.mdThe open source embeddable online markdown editor (component).项目地址:https://gitcode.com/gh_mirrors/ed/editor.md 项目简介 是一个轻量级、可嵌入的在线Markdown编辑器，由"Pandao&qu...
editor.md编辑器demo(含本地图片上传)
09-06
editor.md支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能。根据开源代码写了一个小demo
富文本编辑器Editor.md入门
Mr.zhao的博客
04-13 1万+
Editor.md入门 一、富文本编辑器介绍 什么是富文本编辑器？ 我们平时在博客园，或者CSDN等平台进行写作的时候，他们的编辑器就是富文本编辑器。 其实这个就是富文本编辑器，市面上有许多非常成熟的富文本编辑器。这个文章有很多介绍https://blog.csdn.net/davidhzq/article/details/100815332想了解的小伙伴可以看一下这里就不一一列举了。 下面进入我们的主题Editor.md 二、Editor.md介绍 Editor.md——功能非常丰富的编辑器，左端编辑，右
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值