精华内容
下载资源
问答
  • vuemarkdown高亮插件

    2019-08-10 09:06:02
    vue markdown 高亮插件
  • 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组件

    千次阅读 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

    降价促销 (markdown-it-vue)

    The vue lib for markdown-it.

    markdown-it的Vue库。

    markdown-it-vue

    安装 (Install)

    npm install markdown-it-vue

    支持 (Supports)

    插件清单 (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

    用法 (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>

    翻译自: https://vuejsexamples.com/a-powerful-markdown-components-for-vue/

    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

    展开全文
  • vue markdown v-markdown编辑器 (v-markdown-editor) Vue.js Markdown Editor component. Vue.js Markdown编辑器组件。 View Demo 查看演示 Download Source 下载源 安装 (Install) npm install v-markdown-...

    vue markdown

    v-markdown编辑器 (v-markdown-editor)

    Vue.js Markdown Editor component.

    Vue.js Markdown编辑器组件。

    安装 (Install)

    npm install v-markdown-editor
    import 'v-markdown-editor/dist/index.css';
    
    import Vue from 'vue'
    import Editor from 'v-markdown-editor'
    
    // global register
    Vue.use(Editor);

    要求 (Require)

    Bootstrap 4 & Fontawesome

    Bootstrap 4和Fontawesome

    (Example)

    <template>
        <div class="container">
            <markdown-editor :options="options"></markdown-editor>
        </div>
    </template>
    
    
    <script>
       
        export default {
    
            data() {
                return {
                    // default options, see more options at: http://codemirror.net/doc/manual.html#config
                    options: {                   
                        // lineNumbers: true,
                        // styleActiveLine: true,
                        // styleSelectedText: true,
                        // lineWrapping: true,
                        // indentWithTabs: true,
                        // tabSize: 2,
                        // indentUnit: 2
                    }
    
                }
    
            }
    
        }
    
    </script>

    模型 (v-model)

    <template>
        <div class="container">
            <markdown-editor v-model="value"></markdown-editor>
        </div>
    </template>
    
    
    <script>
       
        export default {
    
            data() {
                return {
                    value: 'Hello world!'
                }
    
            }
    
        }
    
    </script>

    工具列 (Toolbar)

    // full toolbar: clipboard redo undo | bold italic strikethrough heading | image link | numlist bullist code quote | preview fullscreen
    
    <template>
        <div class="container">
           <markdown-editor toolbar="bold italic heading | image link | numlist bullist code quote | preview fullscreen"></markdown-editor>
        </div>
    </template>

    自定义提交表单输入名称 (Custom submit form input name)

    <template>
        <div class="container">
           <markdown-editor name="html"></markdown-editor>
        </div>
    </template>

    翻译自: https://vuejsexamples.com/markdown-editor-component-for-vue-js/

    vue markdown

    展开全文
  • 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 Editor component for Vue.js. Vue.js的Vue Markdown编辑器组件。 View Demo 查看演示 View Github 查看Github 安装 (Install) npm install v-markdown-editor import 'v-ma...
  • vue markdown 显示标记 (vue-mark-display) A Vue Component to generate Markdown-based slides. Vue组件,用于生成基于Markdown的幻灯片。 View demo 查看演示 Download Source 下载源 安装 (Installation) npm...
  • vue markdown mavonEditor (mavonEditor) A nice vue.js markdown editor.Support WYSIWYG editing mode, reading mode and so on. 一个不错的vue.js markdown编辑器,支持WYSIWYG编辑模式,阅读模式等。 Install ...
  • 自己撸个 vue markdown loader 最近,当我把 vue-loader 升级到 v15 后发现,自己项目中所使用的一个 vue-markdown-loader 因为兼容问题而没法用了,正当我一筹莫展的时候,无意间看到 vuepress 中使用了当时还处于 ...
  • vue-markdown 一个基于vue.js的markdown语法解析插件
  • vue markdown 编辑器

    2020-04-12 23:17:11
    v-md-editor 是基于 Vue 开发的 markdown 编辑器组件 相关链接 在线示例 官方文档 效果展示. github 主题 vuepress 主题 轻量版编辑器 轻量版编辑器左侧编辑区域使用 textarea 实现。 优点: 足够轻量 缺点: ...
  • vue markdown的简单使用

    千次阅读 2018-12-26 18:04:40
    一款使用marked和highlight.js开发的一款markdown编辑器,目前只支持在vue项目中使用。 编辑器涵盖了常用的markdown编辑器功能,工具栏可自定义配置,   2.安装 npm i -S vue-meditor cnpm i -S vue-meditor ...
  • 之前使用了mavonEditor这款Markdown编辑器进行博客文章的编写, 最近在弄把博客文章进行网页展示效果,...首先下载好mavonEditor之后,然后在vue中引用之后,接着就是对mavonEditor这个组件的属性进行设置 <mavon-ed
  • Vue markdown编辑器

    2019-09-27 14:00:51
    我使用的是mavonEditor插件,下面是步骤: 1.Install mavon-editor (安装) $ npm install mavon-editor --save 2.在main.js引入 import mavonEditor from 'mavon-editor' ...Vue.use(mavonEdito...
  • 文件博客 版 v3.4.1 介绍 一个小型的文件博客,使用markdown语法,一键内置个人在线笔记本。 特色 文件博客(fileblog)传统传统博客(traditional blog), ... ---- blog_vue/mark // vue 目录, 如果无
  • 既可以解析markdown 又可以编辑 npm install mavon-editor --save 作为编辑器使用从数据库中获取刚刚存入的markdown文字解析到页面来 <mavon-editor v-model="context" :toolbars="toolbars" @keydown="" /&...
  • le-markdown-editor是一款强大的markdown编辑器,它不仅支持常见的markdown语法,还新增了上传图片及换肤等实用的功能,并且上传图片的功能是可以定义的,替换也非常方便,非常适合用来做个人博客的编辑器。...

空空如也

空空如也

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

vuemarkdown

vue 订阅