javascript - VueJs 中编辑器安装运行通过

Question

花了几个小时试图弄清楚如何在 VueJs 中安装 Medium Editor。

我已经设法使它在单页 vuejs 上工作。但是在使用 webpack 文件结构时我无法让它工作：

   ├── main.js                 # app entry file
   ├── App.vue                 # main app component
   ├── components/             # ui components
   │   │   └── ...
   │   └── assets/             # module assets 

我已经通过 npm 安装了它。导入的样式表和脚本。但我无法让它运行。

我一直在使用https://www.npmjs.com/package/medium-editor作为指导。

你能告诉我在哪里放置什么吗？

提前非常感谢！

Answer 1

这个库有一个用 Vue.js 编写的包装器。
这是链接https://franzskuffka.github.io/vue-medium-editor/

安装使用

npm i --save vue2-medium-editor

应用程序.js

import Vue from 'vue'
import editor from 'vue2-medium-editor'

new Vue {
  components: {
    'medium-editor': editor
  }
}

索引.html

<medium-editor :text='myText' custom-tag='h2' v-on:edit='applyTextEdit'>

如果您发现任何问题，请在 repo 中打开一个问题。