将ckeditor应用到vue2项目

Question

我现在需要帮助。

我从https://ckeditor.com/ckeditor-4/download/下载了ckeditor4.zip。 因此，我解压了 zip 文件并将其放置在我的 vue2 项目的根路径中。 我想让它在我的项目的组件中可用，但我不知道如何实现。

即使在没有网络的地方我也想使用ckeditor，而不是使用cdn方式。

我该怎么办？帮助我。

<template>
  <div>
    <div id="app">
      <img alt="Vue logo" src="./assets/logo.png">
      <textarea ref="editor" cols="67" rows="15"></textarea>
    </div>
  </div>
</template>

<script>
import CKEDITOR from '../ckeditor/ckeditor.js'

export default {
  name: 'App',
  components: {
  },
  data(){
    return {
    }
  },
  mounted() {
    CKEDITOR.replace(this.$refs.editor)
  }
}
</script>

我这样做了，但是ckeditor/ckeditor.js文件中出现了如图所示的错误。

Answer 1

您应该尝试从 npm 安装它，而不是下载 zip 文件：

npm i ckeditor4

请参阅：https://www.npmjs.com/package/ckeditor4