精华内容
下载资源
问答
  • <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 组件,markdown-it-vue 使用 markdown-it 作为 Markdown 数据解析引擎,整合多种 markdown-it 插件,并内置了一些自己的功能性插件,支持 GFM ...

    项目地址: https://github.com/ravenq/markdown-it-vue
    Build Status

    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>
    

    示例截图

    markdown-it-vue

    License

    MIT

    ravenq

    展开全文
  • vue 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

      表情符号

    • mermaid charts

      美人鱼图

    • Echarts

      图表

    • Flowcharts.js

      Flowcharts.js

    • Subscript/Superscript

      下标/上标

    • AsciiMath

      AsciiMath

    • 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>

    markdown-it-vue-1

    翻译自: https://vuejsexamples.com/the-vue-lib-for-markdown-it/

    vue markdown

    展开全文
  • vue 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-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:

    NPM

    1. Install highlight.js:

      安装Highlight.js

      npm i highlight.js
    2. Install vue-markdown-highlight:

      安装vue-markdown-highlight

      npm i vue-markdown-highlight -D

    Or [Yarn]:

    或[纱线]:

    1. Install highlight.js:

      安装Highlight.js

      yarn add highlight.js
    2. 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:24
    vue 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) A Powerful and Highspeed Markdown Parser for Vue. Vue的强大,高速Markdown解析器。 Quick start: i am a tast test. 快速开始: 我是一个TAST Supported Markdown Syntax:...
  • vue 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...
  • Vue-Markdown为你实现在Vue应用中进行Markdown的解析和渲染。Markdown简介Vue-Markdown,是 miaolz123 在 Github 上开源的Markdown解析和渲染的Vue组件,项目仓库位于 https://github.com/miaolz123/vue-markdown,...
  • markdown-it的Vue库。 在线演示 安装 npm install markdown-it-vue 支持 图像大小和查看器 官方降价语法。 GFM目录 GFM风格 表情符号 仅简单 Flowcharts.js 下标/上标 信息| 错误警告信息提示 插件清单 降价 ...
  • Vue中使用Markdown 本篇主要讲解了在Vue项目里如何集成和使用Markdown (mavonEditor)编辑器的,以及如何接入一款非常简洁强大的 Markdown的样式 (github-markdown-css),本博客系统就是使用了 mavonEditor 和 ...
  • vue markdown 显示标记 (vue-mark-display) A Vue Component to generate Markdown-based slides. Vue组件,用于生成基于Markdown的幻灯片。 View demo 查看演示 Download Source 下载源 安装 (Installation) npm...
  • vue使用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:02
    vue markdown 高亮插件
  • Vue-Markdown为你实现在Vue应用中进行Markdown的解析和渲染。Markdown简介Vue-Markdown,是 miaolz123 在 Github 上开源的Markdown解析和渲染的Vue组件,项目仓库位于 https://github.com/miaolz123/vue-markdown,...
  • 使用的组件为 Github 上 vuemarkdown 组件:https://github.com/zhaoxuhui1122/vue-markdown vue报错: 【* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-...
  • 使用vue整合markdown,需要通过前端js将图片上传至阿里云服务器,但是按照官方文档,前端控制台报错,$vm is not defined 官方文档 <template> <mavon-editor ref=md @imgAdd="$imgAdd" @imgDel="$imgDel">...
  • 基于Vue.js和Element UI基于Vue.js与Element UI Markdown自动渲染Markdown自动解析 帖子/页面系统支持文章/页面系统 Neet UI设计美丽的UI设计与自适应 到处都是0 sql完全无数据库(评论系统基于json) 评论系统...
  • 基于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 '...
  • vue-markdown 一个基于vue.js的markdown语法解析插件
  • vue使用markdown

    2020-01-06 18:56:38
    一款使用marked和highlight.js开发的一款markdown编辑器,除常见markdown语法外,支持快捷输入、图片粘贴、代码复制、全屏编辑、预览等功能 1.1、优点: 使用简单,安装npm包或者引入js包就行 方便扩展,定制型...
  • Vue.js的Vue Markdown编辑器组件 v-markdown-editor是Vue Wrapper CodeMirror的简单Markdown编辑器组件。 演示版 如何使用 推荐的 ☞
  • Vue编写markdown或者展示markdown

    万次阅读 多人点赞 2018-08-28 16:41:07
    之前做博客开发的时候,需要markdown的支持,找了很多资料,但是都是七拼八凑的,要么是告诉你怎么编写markdown,要么是告诉你怎么展示,我把它们总结一下。 1、介绍mavonEditor 官网:...
  • Vue 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:09
    VuePress----markdown配置
  • markdown-it-vue 是一个功能强大 markdown格式显示 Vue 组件

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,435
精华内容 974
关键字:

markdownvue

vue 订阅