ByteMD是一个用于 web 开发的 Markdown 编辑器 JavaScript 库,是字节跳动旗下掘金社区出品的 Markdown 格式的富文本编辑器。 前端开发者可以基于这个库来将一款漂亮优秀的 Markdown 编辑器集成在自己开发的项目中。 ByteMD 的技术特点 轻量级 虽然ByteMD是用Svelte.js来构建的,但可以编译成普通的 JS DOM 操作,全程...
highlight.js内置了很多主题:styles,markdown-nice从中挑了6种: 并且还支持mac风格,区别就是mac风格增加了下列样式: 一键复制 markdown-nice有三个一键复制的按钮,分别是公众号、知乎、掘金,掘金现在本身编辑器就是markdown的,所以我们直接忽略。 公众号: copyWechat = () => { const layout = document.getEle...
ByteMD 是一个用于 web 开发的 Markdown 编辑器 JavaScript 库,是字节跳动旗下掘金社区出品的 Markdown 格式的富文本编辑器。 前端开发者可以基于这个库来将一款漂亮优秀的 Markdown 编辑器集成在自己开发的项目中。 ByteMD 的技术特点 轻量级 虽然ByteMD 是用 Svelte.js 来构建的,但可以编译成普通的 JS DOM 操作...
Cherry Markdown Editor是一款Javascript Markdown编辑器,具有开箱即用、轻量简洁、易于扩展等特点. 它可以运行在浏览器或服务端(NodeJs)。 这款MD编辑器支持大部分常用的 markdown 语法(如标题、目录、流程图、公式等)。 同时可以快速进行二次开发或者功能扩展,喜欢捣鼓的小伙伴可以开发一些自己喜欢的小工具。 特性...
Cherry Markdown Editor 是一款 Javascript Markdown 编辑器,具有开箱即用、轻量简洁、易于扩展等特点。它可以运行在浏览器或服务端(NodeJs)。 2.3. Dendron 官网地址:wiki.dendron.so Dendron 是一个功能强大的开源笔记工具,旨在提供一种高效的方式来管理和组织个人笔记。它采用了本地优先的设计理念,将数据保存在本...
markdown-nice支持直接拖动图片到编辑区域进行上传和粘贴图片直接上传,这是通过监听CodeMirror编辑器的drop和paste事件实现的: <CodeMirror onDrop={this.handleDrop} onPaste={this.handlePaste} /> handleDrop = (instance, e) => { if (!(e.dataTransfer && e.dataTransfer.files)) { return; } for (let ...
输入 npm i 安装依赖包,如果你还不能运行 npm 的命令,百度 node.js 下载安装即可 npm i 输入 npm start 即可运行项目 npm start 等一会就行了 运行完成 浏览器访问 http://localhost:8080/md/ 即可访问 浏览器访问即可 本地运行一点问题没有,兄弟们完全可以正常使用了,按照官方的说明打包了一下,但是部署...
开源Markdown编辑器的JavaScript项目名称:SimpleMDE 项目的GitHub链接:SimpleMDE - GitHub 简要描述该编辑器的特性和功能: SimpleMDE 是一个轻量级的、易扩展的、漂亮的 Markdown 编辑器。 它支持实时预览、快捷键、工具栏自定义、自动保存草稿等功能。 SimpleMDE 基于 CodeMirror,因此它继承了 CodeMirror 的强大编辑能...
是一款开源的、可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。这个组件好像是国内开发的,个人之前用着还可以。 typora 网址:https://www.typora.io/ Typora是一款免费的轻量级Markdown编辑器,它没有Mou,Haroopad等Markdown编辑器那么大名鼎鼎,算是较为小众的一款产品。凭良心说话,我...