-
Rename MarkDown.vue to Markdown.vue
2020-12-08 19:13:19<div><p>Got this error ...<p>Because the existing file is <code>MarkDown.vue</code> instead of <code>Markdown.vue Rename it should fix the problem.</p><p>该提问来源于开源项目:bolt/core</p></div> -
markdown-it-vue 一个 Markdown 的 Vue 组件库
2019-05-19 16:28:59项目地址: ...markdown-it-vue 是一个丰富的 markdown Vue 组件,markdown-it-vue 使用 markdown-it 作为 Markdown 数据解析引擎,整合多种 markdown-it 插件,并内置了一些自己的功能性插件,支持 GFM ...项目地址: https://github.com/ravenq/markdown-it-vue
Markdonw Vue 组件库.
markdown-it-vue 是一个丰富的 markdown Vue 组件,markdown-it-vue 使用 markdown-it 作为 Markdown 数据解析引擎,整合多种 markdown-it 插件,并内置了一些自己的功能性插件,支持 GFM TOC、GFM style、emoji等通用特性,还支持 mermaid charts、Echarts、flowchart.js 等多种图表,支持 AsciiMath、Latex 等数学公式渲染,支持 errro | warning | info 个性化提示。
在线示例
http://www.aqcoder.com/markdown
安装
npm install markdown-it-vue
特性
- Official markdown syntax.
- GFM TOC
- GFM style
- emoji
- mermaid charts
- Echarts
- Flowcharts.js
- Subscript/Superscript
- AsciiMath
- info | error | warning message tip
使用的插件
- markdown-it
- markdown-it-emoji
- markdown-it-sub
- markdown-it-sup
- markdown-it-footnote
- markdown-it-deflist
- markdown-it-abbr
- markdown-it-ins
- markdown-it-mark
- markdown-it-katex
- markdown-it-task-lists
- markdown-it-icons
- markdown-it-highlight
- markdown-it-latex
- markdown-it-container
- markdown-it-github-toc
- markdown-it-source-map
使用示例
<template> <div> <markdown-it-vue class="md-body" :content="content"/> </div> </template> <script> import MarkdownItVue from 'markdown-it-vue' import 'markdown-it-vue/dist/markdown-it-vue.css' export default { components: { MarkdownItVue }, data () { return { content: '# your markdown content' } } } </script>
示例截图
License
-
vue markdown_Markdown的Vue库
2020-07-28 09:17:29vue markdown 降价促销 (markdown-it-vue) The vue lib for markdown-it. markdown-it的Vue库。 View Demo 查看演示 View Github 查看Github 安装 (Install) npm install markdown-it-vue 支持 (Supports) ...vue markdown
降价促销 (markdown-it-vue)
The vue lib for markdown-it.
markdown-it的Vue库。
安装 (Install)
npm install markdown-it-vue
支持 (Supports)
Official markdown syntax.
官方降价语法。
GFM TOC
GFM目录
GFM style
GFM风格
emoji
表情符号
Flowcharts.js
Flowcharts.js
Subscript/Superscript
下标/上标
info | error | warning message tip
信息| 错误 警告信息提示
插件清单 (Plugin list)
markdown-it
降价
markdown-it-emoji
降价表情符号
markdown-it-sub
降价促销
markdown-it-sup
降价促销
markdown-it-footnote
脚注降价
markdown-it-deflist
markdown-it-deflist
markdown-it-abbr
markdown-it-abbr
markdown-it-ins
降价促销
markdown-it-mark
降价标记
markdown-it-katex
降价促销
markdown-it-task-lists
markdown-it-task-lists
markdown-it-icons
降价图标
markdown-it-highlight
降价突出
markdown-it-latex
降价乳胶
markdown-it-container
降价容器
markdown-it-github-toc
markdown-it-github-toc
markdown-it-source-map
markdown-it-source-map
markdown-it-link-attributes
markdown-it-link-属性
internal plugin list:
内部插件列表:
markdown-it-plugin-echarts
markdown-it-plugin-echarts
markdown-it-plugin-mermaid
降价插件美人鱼
markdown-it-plugin-flowchart
markdown-it-plugin-流程图
选件 (Options)
use
options
property to sepcial the options of markdow-it and markdown-it-plugins.使用
options
属性来分隔markdow-it和markdown-it-plugins的选项。<markdown-it-vue class="md-body" :content="content" :options="options" />
options: { markdownIt: { linkify: true }, linkAttributes: { attrs: { target: '_blank', rel: 'noopener' } } }
more markdown-it options see https://markdown-it.github.io/markdown-it/.
更多markdown-it选项,请参阅https://markdown-it.github.io/markdown-it/ 。
amd default plugins options:
amd默认插件选项:
{ linkAttributes: { attrs: { target: '_blank', rel: 'noopener' } }, katex: { throwOnError: false, errorColor: '#cc0000' }, icons: 'font-awesome', githubToc: { tocFirstLevel: 2, tocLastLevel: 3, tocClassName: 'toc', anchorLinkSymbol: '', anchorLinkSpace: false, anchorClassName: 'anchor', anchorLinkSymbolClassName: 'octicon octicon-link' } }
更多插件 (More plugins)
it can add your plugin to markdown-it-vue by the
use
method.它可以通过
use
方法将您的插件添加到markdown-it-vue中。this.$refs.myMarkdownItVue.use(MyMarkdownItPlugin)
用法 (Usage)
<template> <div> <markdown-it-vue class="md-body" :content="content" /> </div> </template> <script> import MarkdownItVue from 'markdown-it-vue' import 'markdown-it-vue/dist/markdown-it-vue.css' export default { components: { MarkdownItVue }, data() { return { content: '# your markdown content' } } } </script>
vue markdown
-
vue markdown_基于Vue构建的Markdown编辑器
2020-07-29 11:03:48vue markdown vue-markdown编辑器 (vue-markdown-editor) A markdown editor built on Vue. 在Vue上构建的降价编辑器。 View Demo 查看演示 View Github 查看Github 安装 (Install) # use npm npm i @kangc/v-md-...vue markdown
vue-markdown编辑器 (vue-markdown-editor)
A markdown editor built on Vue.
在Vue上构建的降价编辑器。
安装 (Install)
# use npm npm i @kangc/v-md-editor -S # use yarn yarn add @kangc/v-md-editor
快速开始 (Quick Start)
import Vue from 'vue'; import VueMarkdownEditor from '@kangc/v-md-editor'; import '@kangc/v-md-editor/lib/style/base-editor.css'; import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js'; VueMarkdownEditor.use(vuepressTheme); Vue.use(VueMarkdownEditor);
用法 (Usage)
<template> <v-md-editor v-model="text" height="400px"></v-md-editor> </template> <script> export default { data() { return { text: '', }; }, }; </script>
翻译自: https://vuejsexamples.com/markdown-editor-built-on-vue/
vue markdown
-
markdown高亮vue_Vue的Markdown高亮组件
2020-07-23 05:15:23markdown高亮vue vue-markdown-highlight (vue-markdown-highlight) Highlight.js syntax highlighter component for Vue. Vue的Highlight.js语法荧光笔组件。 安装 (Installation) Via NPM: Install ...markdown高亮vue
vue-markdown-highlight (vue-markdown-highlight)
Highlight.js syntax highlighter component for Vue.
Vue的Highlight.js语法荧光笔组件。
安装 (Installation)
Via NPM:
通过NPM:
-
Install highlight.js:
安装Highlight.js :
npm i highlight.js
-
Install vue-markdown-highlight:
安装vue-markdown-highlight :
npm i vue-markdown-highlight -D
Or [Yarn]:
或[纱线]:
-
Install highlight.js:
安装Highlight.js :
yarn add highlight.js
-
Install Vue Highlight.js:
安装Vue Highlight.js :
yarn add vue-markdown-highlight
用法 (Usage)
Main file:
主文件:
import 'highlight.js/styles/default.css'; import Highlight from 'vue-markdown-highlight' Vue.use(Highlight)
Vue file:
Vue文件:
<template> <div id="app"> <div v-html="content" v-highlight></div> </div> </template> <script> // JavaScript... </script> <style> /* StyleSheet... */ </style>
翻译自: https://vuejsexamples.com/markdown-highlight-component-for-vue/
markdown高亮vue
-
-
vue markdown_Vue的强大Markdown组件
2020-07-27 06:38:24vue markdown 降价促销 (markdown-it-vue) The vue lib for markdown-it. markdown-it的Vue库。 View Demo 查看演示 Download Source 下载源 安装 (Install) npm install markdown-it-vue 支持 (Supports) ... -
vue markdown_Vue的强大,高速Markdown解析器
2020-07-19 10:12:38vue markdown 降价 (vue-markdown) A Powerful and Highspeed Markdown Parser for Vue. Vue的强大,高速Markdown解析器。 Quick start: i am a tast test. 快速开始: 我是一个TAST Supported Markdown Syntax:... -
vue markdown_Vue.js的Markdown编辑器组件
2020-07-27 09:40:41vue markdown v-markdown编辑器 (v-markdown-editor) Vue.js Markdown Editor component. Vue.js Markdown编辑器组件。 View Demo 查看演示 Download Source 下载源 安装 (Install) npm install v-markdown-... -
markdown-it-vue The vue lib for markdown-it. Demo online http://www.aqcoder.com/markdown Install npm install markdown-it-vue Supports Image size and Viewer Official markdown syntax. GFM TOC GFM...
-
解析markdown_Vue-Markdown - 为应用添加功能丰富的富文本显示
2021-01-12 20:21:37Vue-Markdown为你实现在Vue应用中进行Markdown的解析和渲染。Markdown简介Vue-Markdown,是 miaolz123 在 Github 上开源的Markdown解析和渲染的Vue组件,项目仓库位于 https://github.com/miaolz123/vue-markdown,... -
markdown-it-vue:markdown-it的vue库-源码
2021-02-04 06:53:40markdown-it的Vue库。 在线演示 安装 npm install markdown-it-vue 支持 图像大小和查看器 官方降价语法。 GFM目录 GFM风格 表情符号 仅简单 Flowcharts.js 下标/上标 信息| 错误警告信息提示 插件清单 降价 ... -
markdown editor_Vue中使用Markdown
2020-11-20 21:42:59Vue中使用Markdown 本篇主要讲解了在Vue项目里如何集成和使用Markdown (mavonEditor)编辑器的,以及如何接入一款非常简洁强大的 Markdown的样式 (github-markdown-css),本博客系统就是使用了 mavonEditor 和 ... -
vue markdown_基于Markdown的幻灯片的Vue组件
2020-07-27 01:49:32vue markdown 显示标记 (vue-mark-display) A Vue Component to generate Markdown-based slides. Vue组件,用于生成基于Markdown的幻灯片。 View demo 查看演示 Download Source 下载源 安装 (Installation) npm... -
vue使用markdown_使用vue.js构建的Markdown编辑器
2020-07-20 00:27:42vue使用markdown 优雅的Markdown编辑器 (Elegant Markdown Editor) Features 特征 It just suits, show editor or preview or both just as you wish. Focus mode, writing without distractions. Exportable, ... -
将markdown转成Vue组件
2019-08-09 00:41:31将 markdown转成Vue组件 -
vuemarkdown高亮插件
2019-08-10 09:06:02vue markdown 高亮插件 -
markdown 换行_Vue-Markdown - 为应用添加功能丰富的富文本显示
2020-11-28 14:03:04Vue-Markdown为你实现在Vue应用中进行Markdown的解析和渲染。Markdown简介Vue-Markdown,是 miaolz123 在 Github 上开源的Markdown解析和渲染的Vue组件,项目仓库位于 https://github.com/miaolz123/vue-markdown,... -
使用vue组件【markdown】时遇见的问题
2019-08-31 15:44:06使用的组件为 Github 上 vue 的 markdown 组件:https://github.com/zhaoxuhui1122/vue-markdown vue报错: 【* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-... -
markdown整合vue,$vm is not defined
2020-11-09 14:49:29使用vue整合markdown,需要通过前端js将图片上传至阿里云服务器,但是按照官方文档,前端控制台报错,$vm is not defined 官方文档 <template> <mavon-editor ref=md @imgAdd="$imgAdd" @imgDel="$imgDel">... -
oblog:基于MarkDown和Vue.js的自动渲染博客系统|自动渲染加载MarkDown内容的博客系统-源码
2021-02-03 22:36:34基于Vue.js和Element UI基于Vue.js与Element UI Markdown自动渲染Markdown自动解析 帖子/页面系统支持文章/页面系统 Neet UI设计美丽的UI设计与自适应 到处都是0 sql完全无数据库(评论系统基于json) 评论系统... -
vue-markdown-editor:基于Vue构建的markdown编辑器-源码
2021-02-04 06:54:29基于Vue构建的Markdown编辑器 链接 通讯 QQ群:798884474 安装 # use npm npm i @kangc/v-md-editor -S # use yarn yarn add @kangc/v-md-editor 快速开始 import Vue from 'vue' ; import VueMarkdownEditor from '... -
vuemarkdown一个基于vuejs的markdown语法解析插件
2019-08-10 12:28:52vue-markdown 一个基于vue.js的markdown语法解析插件 -
vue使用markdown
2020-01-06 18:56:38一款使用marked和highlight.js开发的一款markdown编辑器,除常见markdown语法外,支持快捷输入、图片粘贴、代码复制、全屏编辑、预览等功能 1.1、优点: 使用简单,安装npm包或者引入js包就行 方便扩展,定制型... -
v-markdown-editor:Vue.js Markdown编辑器组件-源码
2021-02-04 05:28:12Vue.js的Vue Markdown编辑器组件 v-markdown-editor是Vue Wrapper CodeMirror的简单Markdown编辑器组件。 演示版 如何使用 推荐的 ☞ -
Vue编写markdown或者展示markdown
2018-08-28 16:41:07之前做博客开发的时候,需要markdown的支持,找了很多资料,但是都是七拼八凑的,要么是告诉你怎么编写markdown,要么是告诉你怎么展示,我把它们总结一下。 1、介绍mavonEditor 官网:... -
Vue.js的Vue Markdown编辑器组件
2020-07-29 03:13:55Vue Markdown Editor component for Vue.js. Vue.js的Vue Markdown编辑器组件。 View Demo 查看演示 View Github 查看Github 安装 (Install) npm install v-markdown-editor import 'v-ma... -
markdown配置(VuePress)
2020-12-01 08:41:09VuePress----markdown配置 -
markdownitvue是一个功能强大markdown格式显示Vue组件
2019-08-08 05:42:05markdown-it-vue 是一个功能强大 markdown格式显示 Vue 组件