前提 写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇博客,并把抽出来的那部分代码提交到 GitHub 去 简单介绍 ...
前几天突然想给自己的在线编译器加一个Markdown编辑功能,于是花了两三天敲敲打打初步实现了这个功能。 一个Markdown编辑器需要有如下常用功能: 粗体 斜体 中划线 标题 链接 图片 引用 代码 有序列表 无序列表 横线 看上去想实现这些功能有点复杂,但是Codemirror提供了很多API可以更方便地修改编辑内容。 在阐述我是如何实现这些功能前,我先将实现时用到的API列出来。 cm.s ...
2020-05-07 14:19 0 1073 推荐指数:
前提 写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇博客,并把抽出来的那部分代码提交到 GitHub 去 简单介绍 ...
一直以来都奢想拥有一款全能好用的Markdown编辑器,直到遇到了Atom。废话不多说,直接开搞! 1. 安装Atom 下载安装Atom:https://atom.io/ 2. 增强预览(markdown-preview-plus) Atom自带的Markdown预览插件 ...
一直以来都奢想拥有一款全能好用的Markdown编辑器,直到遇到了Atom。废话不多说,直接开搞! 1. 安装Atom 下载安装Atom:https://atom.io/ 2. 增强预览(markdown-preview-plus) Atom自带的Markdown预览插件 ...
参考:https://www.jianshu.com/p/18876655b452 在macos下也设置成功: ...
1、准备工作: OS:Windows10 专业版或企业版 安装:Visua Studio Code,版本 1.23 (2018-5-3) 官网下载:http ...
http://www.jianshu.com/p/18876655b452 ...
1、下载安装 2、引入 //样式 import 'codemirror/lib/codemirror.css'; import 'codemirror/lib ...
Sublime Text 3作为一个优秀的文本编辑器,拥有很多的扩展插件。我们可以利用这些插件为Sublime Text 增加扩展的功能,在这里我们借助两个插件来将Sublime Text 3变成一个 Markdown 的编辑器。 1. 安装Markdown Editing和Markdown ...