vue markdown 高亮插件

vue markdown 高亮插件

JavaScript Vue.js相关

访问GitHub主页

共15Star

详细介绍

vue-markdown-highlight

license vue 2 npm npm Travis Codacy grade Gemnasium ESLint Gluons

📜 Highlight.js syntax highlighter component for Vue.

https://github.com/wsdo/vue-markdown-highlight.git

⚙️ Installation

Via NPM:

NPM

  1. Install highlight.js:

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

    npm i vue-markdown-highlight -D

Or Yarn:

  1. Install highlight.js:

    yarn add highlight.js
  2. Install 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:

<template>
	 <div id="app">
      <div v-html="content" v-highlight></div>
  </div>
</template>

<script>
// JavaScript...
</script>

<style>
/* StyleSheet... */
</style>
推荐源码