MrDoc(觅道文档)是州的先生基于 Python 后端编写的开源在线文档系统。

最初,觅道文档以 Markdown 书写为核心,集成了 EditorMD 和 Vditor 两大主流 Markdown 编辑器,配合后端的文集、文档管理,图片、附件支持,以及类 GitBook 风格的前台阅读页面,得到了很多朋友的支持。

但是与用户的交流中发现,Markdown 这种书写方式在程序员圈子里面备受追捧,但是对于绝大多数人来说,相较于所见即所得的富文本编辑器,Markdown 语法还是有一定的学习成本的。

再加上 Markdown 作为 HTML 渲染的一个子集,很多网页元素没法通过原生的 Markdown 语法来实现(比如图片的大小和位置、文字颜色、文字背景等),使得其书写的文档最终呈现效果要弱于所见即所得的富文本编辑器。

随即,便把在觅道文档中集成一个富文本编辑器功能提上了日程。

目前市面上开源的富文本编辑器有很多,从古老的 UEditor、到 TinyMCE、以及 wangEditor,选择很多,最终权衡之后,还是选择了一个轻量、简洁、小巧的方案——iceEditor。

根据作者在官网的介绍:

为什么要开发 iceEditor 呢,最大的原因是为了深入学习 javascript,这要感谢 Z-Blog 和 Xiuno 的开发者,没有你们的支持我想自己也不会有今天,学习 javascript 中真是深深的把我震撼到了,越学习越感到 javascript 的强大,我认为我已经入门了,学到最后才发现我只看到了门框而已……

其它原因呢?当然有,开发这款产品也是有些其他想法,UEditor 编辑器是我最初用的,兼容性非常不错,功能十分强大,几乎比拟 Word 的,但是界面的传统以及体积的臃肿让我放弃了它,因为我在使用过程中应用到的功能并不多,在写文章时也只是最基本的排版以及上传图片,对于我自己开发的产品中(例如 cms 系统)应用它的时候,感觉速度不是很乐观,所以放弃了!

放弃了 UEditor 后,眼前一亮,发现了 wangEditor,这款编辑器十分优秀,界面非常简洁,这是我的项目应用时间最长的一款编辑器,但是这款编辑器依赖 JQ,让我十分不爽的是加载速度,页面加载完以后编辑器明显会停顿一下才会加载,我们公司的开发项目中我也推荐了他们使用 wangEditor,连公司的项目测试员都说这编辑器加载慢,都想换了它!

考虑了半天,具有代码洁癖的我想了很久,对我来说,要开发一款编辑器需要很深的技术,打开百度搜索了相关开发教程,让我学习到一个函数 execCommand,真是厉害了,虽然有些功能各个浏览器支持不同,但是基本的排版和颜色设置竟然兼容所有的浏览器,这完全满足了我的开发需求,我的想法十分简单,简洁、快速,不需要巨多杂乱的功能,这款编辑器所走的路线就是轻量、简洁、快速,不依赖任何框架,例如 JQ,不依赖任何 css 样式文件以及 font 图标文件,整个编辑器只有一个 js,这是我的想法。

因为整个编辑器只有一个 JavaScript 文件,非常的精练,使用起来也不复杂,非常方便地就可以集成到了觅道文档中。

最终,觅道文档实现了两种编辑模式(Markdown 和富文本)、三种编辑器(EditorMD、Vditor、iceEditor)的集成。

未来,觅道文档还将像业内标杆产品看齐,进一步完善系统功能和提升文档读写体验。

欢迎大家持续关注觅道文档。

GitHub:https://github.com/zmister2016/MrDoc

码云:https://gitee.com/zmister/MrDoc

示例站点:http://mrdoc.zmister.com/

分享到:

xiuno开发文档_觅道文档开始支持富文本编辑器相关推荐

  1. swagger导出excel文档_将Swagger2文档导出为HTML或markdown等格式离线阅读

    网上有很多<使用swagger2构建API文档>的文章,该文档是一个在线文档,需要使用HTTP访问.但是在我们日常使用swagger接口文档的时候,有的时候需要接口文档离线访问,如将文档导 ...

  2. java api文档_细说API – 文档和前后端协作

    在上一篇文章--<细说API – 重新认识RESTful>中介绍了如何理解和设计RESTful风格的API,现在我们来聊聊如何有效的呈现API文档,以及前后端协作的方式. 我经历过一些没有 ...

  3. flowable 中文文档_取出word文档文字内容生成加了目录、标号和页码的PDF文件

    word文档内的一页: 将文本取出来,生成自定义格式的PDF文件: 从word取出文本时标题的标号和页码是取不出来的,要自己加.另外就是目录也要自己生成和添加: 代码和解释如下: from repor ...

  4. activiti 7中文文档_如何阅读文档-以Pandas库为例

    阅读文档指南-以Pandas为例 0.1相信文档 有时候我们并不完全知道该如何阅读文档,甚至不会读文档.遇到问题只会到百度上查找解决,百度上答案你抄我我抄你,简单问题反复重复,复杂问题无人问津. 这儿 ...

  5. .net编写抽奖的文档_使用开源文档工具docsify,用写博客的姿势写文档

    前提 ❝ 下面的简介摘抄自docsify的官网 https://docsify.js.org 中的简介 ❞ 「docsify」是一个神奇的文档网站生成器.他可以快速帮你生成文档网站.不同于GitBoo ...

  6. python自动填写腾讯文档_腾讯文档自动填充工具(工具),填写

    平台: chrome,QQ 说明: 班委会提供一个腾讯文档链接,把找到自己的部分,把今天的体温填写完成. 所用库: from selenium import webdriver from seleni ...

  7. java五子棋需求分析文档_五子棋需求文档.docx

    五子棋需求文档 <五子棋goBang>项目需求分析报告作者:陈平.雷小梅.唐莉.邓悦.程强日期:2016-3-12审批:日期:状态修订人修改日期版本备注五子棋2016-3-121.0概述1 ...

  8. xiuno开发文档_大白 · TinyMCE编辑器v1.9_Xiuno Plugin_奇狐插件商店_奇狐网

    功能强大,所见即所得的富文本编辑器,本地部署速度快,附带Prism代码高亮插件,支持截图粘贴和手动上传图片,还可以编辑源代码. 版本说明 版本内容更新时间 1.0 版本初始化版本2020-03-14 ...

  9. 文档过期打不开怎么办_4 个超实用金山文档小技巧,很强大也很简单,赶紧收藏!...

    01 设置文档权限,保护文档安全 金山文档除了可以通过链接分享给QQ.微信等好友或群组邀请对方协作编辑外,同时可以为文档设置不同权限. 以金山文档网页版举例(手机金山文档小程序同理) 打开文档后,点击 ...

最新文章

  1. md加密 16位 32位
  2. mysql监控nginx_mysql和nginx服务是否正常监控脚本
  3. 运行时常量池在哪里_C++干货系列——从编译期常量谈到constexpr(一)
  4. java poi 只能创建?,JAVA POI创建多个sheet的Excel文件,及多个sheet也创建失败原因
  5. 前端学习(1117):严格模式的变化
  6. ubuntu mysql支持中文_ubuntu (16.04) server 英文原版 添加中文语言支持 消除java 程序、mysql 数据库不能处理中文的错误...
  7. 你那不是拖延症,只是习惯性逃避
  8. Win XP局域网设置及其无法访问解决方案
  9. 协同过滤算法概述与python 实现协同过滤算法(usr-item,item-item)
  10. 命令杀mysql进程
  11. php扩展ui,jQuery UI 扩展小部件
  12. 最简单的c语言if程序,C语言简单实用的程序-if else 嵌套式的使用例子
  13. Initialize flexnet service failed error code 50003错误
  14. ShardingSphere——水平分表与数据迁移
  15. 【rqnoj 74】24点
  16. 伪随机数的爆破--2
  17. 单片机_rom_ram,程序容量之迷
  18. 请教苹果虚拟机自动配置序列号ID脚本
  19. 【深度学习】损失函数详解
  20. 为什么摸了一天的鱼,你还是感觉这么累?

热门文章

  1. matlab流程图程序,matlab程序流程图
  2. 模型5.4——对数据进行正态分布检验
  3. Open3D源码笔记
  4. 袁国宝:从内容营销到超级传播,数字时代如何快速引爆产品和品牌
  5. Gorgon黑客组织再显新招:通过在线网盘发起“三重奏”攻击
  6. nsi学习之 重复安装给于提示覆盖 不可以重复安装
  7. 拓扑排序(Topological Sorting):Kahn 算法和 DFS 算法
  8. ios 裁剪圆形头像_iOS 裁剪圆形图像并显示(类似于微信头像)
  9. zb如何导出自己画的_ZBrush中如何导出效果图?
  10. CAD制图初学入门:CAD软件如何定义视口?