vue-tinymce-editor markdown 在线编辑器

原文链接: vue-tinymce-editor markdown 在线编辑器

上一篇: SASS 混合器和继承

下一篇: 开源中国 首页 tweet 实时刷新

git

https://github.com/dyonir/vue-tinymce-editor

安装

 npm install vue-tinymce-editor

引入

全局

import Vue from 'vue'
import tinymce from 'vue-tinymce-editor'
Vue.component('tinymce', tinymce)

组件

  import tinymce from 'vue-tinymce-editor'
 components: {
      tinymce,
    }

简单例子，编辑并获取转换后的html代码，然后再展示出来

其他属性和事件见文档

<template>
  <div>
    <tinymce id="d1" v-model="data"></tinymce>
    <div v-html="data"></div>
  </div>

</template>

<script>
  import tinymce from 'vue-tinymce-editor'

  export default {
    name: "tiny",
    data() {
      return {
        data: ''
      };
    },
    components: {
      tinymce,
    }