使用Codemirror的markdown编辑器和使用showdown的Vue.js预览器

摊牌减价编辑 (showdown-markdown-editor)

A markdown editor using codemirror and previewer using showdown for Vue.js.

使用Codemirror的Markdown编辑器和使用Showdown的Vue.js预览器。

支持某些markdown扩展功能 (Supporting some markdown extension features)

LaTeX math and AsciiMath

LaTeX数学和AsciiMath

It's supported by showdown-katex, that render LaTeX math and AsciiMath using KaTeX, You can check KaTeX supported functions/symbols.

showdown- katex支持此功能，该功能使用KaTeX渲染LaTeX数学和AsciiMath 。您可以检查KaTeX支持的功能/符号。
TOC(Table of Contents)

目录(目录)

It's implemented child TOC in showdown-toc.js, use for reference the showdown-toc.

它是在showdown-toc.js中实现的子目录TOC，用作showdown-toc的参考。
mermaid

美人鱼

It's implemented in showdown-mermaid.js, surpport diagrams of Flowchart and Sequence and Gantt, check mermaid doc for more information.

它在showdown-mermaid.js，流程图和序列和甘特图的辅助图中实现，请查看美人鱼doc以获取更多信息。
plantuml

植物

It's implemented in showdown-plantuml.js. To know more about PlantUML, please visit http://plantuml.com/.

它在showdown-plantuml.js中实现。要了解有关PlantUML的更多信息，请访问http://plantuml.com/ 。
footnotes

脚注

It's implemented in showdown-footnotes.js, use for reference the showdown-footnotes.

它在showdown-footnotes.js中实现，用于showdown-footnotes的参考。

项目设置 (Project setup)

npm install

编译和热重装以进行开发 (Compiles and hot-reloads for development)

npm run serve

编译并最小化生产 (Compiles and minifies for production)

npm run build

翻译自: https://vuejsexamples.com/markdown-editor-using-codemirror-and-previewer-using-showdown-for-vue-js/

使用Codemirror的markdown编辑器和使用showdown的Vue.js预览器相关推荐

codemirror 光标定位_使用Codemirror打造Markdown编辑器
前几天突然想给自己的在线编译器加一个Markdown编辑功能,于是花了两三天敲敲打打初步实现了这个功能. 一个Markdown编辑器需要有如下常用功能:粗体斜体中划线标题链接图片引用代码 ...
富文本编辑器输出在线html_一个在线实时预览代码编辑器的实现
在线代码编辑器--Html/Markdown支持作为开发者,经常会使用各式编辑器,一个体验良好的编辑器会给使用者舒适的coding体验. 但当我们不是使用自己熟悉的电脑,在任意的环境下,我们就需要有 ...
vue-codemirror实现一个前端代码在线编辑器，可处理 HTML,VUE,JS,CSS代码在线编辑
先找个目录创建一个vue项目例如我们想要项目叫 editor 在终端执行 vue create editor 2和3其实都可以但个人建议最近还是2会更稳定一些在终端执行 npm i code ...
vscode_为markdown启用latex插件(markdown+latexWorkship)(变通方法workaround)(latex公式实时预览)
文章目录插件准备 latex workship 打开一个markdown文件以Text Editor 模式打开打开Markdown Preview(Built-in)预览临时切换语言环境效果 ...
给学生补充的markdown 编辑器
● MarkdownPad 目前分为 MarkdownPad2 和 MarkdownPad Pro 版本,后者收费,我们使用前者足矣,用户可以通过键盘快捷键和工具栏按钮来使用或者移除 Markdown ...
StackEdit中文版：可以轻松上手的 Markdown 编辑器笔记利器
如果您经常写作或者需要管理文档,那么您一定需要一个好用的笔记工具.在这方面,StackEdit 中文版是一款极佳的选择.它是一款支持 Markdown 语言的在线编辑器,同时一个一款可以自己掌控的笔记 ...
Markdown 编辑器推荐
MarkdownPad 目前分为 MarkdownPad2 和 MarkdownPad Pro 版本,后者收费,我们使用前者足矣,用户可以通过键盘快捷键和工具栏按钮来使用或者移除 Markdown 各 ...
（二）马克飞象Markdown编辑器的使用效果 | 以马克飞象Markdown编辑器为例
马克飞象Markdown编辑器使用指南 (一)马克飞象Markdown编辑器的使用示例 | 以马克飞象Markdown编辑器为例 (二)马克飞象Markdown编辑器的使用效果 | 以马克飞象M ...
几款好的markdown编辑器
Markdown简介 Markdown 是 2004 年由 John Gruberis 设计和开发的纯文本格式的语法,是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普 ...
Qt官方示例-Markdown编辑器
基于QWebEngineView与QWebChannel实现的Markdown编辑器. 0x00 原理 Markdown编辑器演示了如何使用QWebChannel和JavaScript库为自定义标 ...

使用Codemirror的markdown编辑器和使用showdown的Vue.js预览器

摊牌减价编辑 (showdown-markdown-editor)

支持某些markdown扩展功能 (Supporting some markdown extension features)

项目设置 (Project setup)

编译和热重装以进行开发 (Compiles and hot-reloads for development)

编译并最小化生产 (Compiles and minifies for production)

使用Codemirror的markdown编辑器和使用showdown的Vue.js预览器相关推荐

最新文章

热门文章