如何在NuxtJS项目中使用EditorJS？

Question

我正在尝试在NuxtJs项目中使用EditorJs。

媒体在https://medium.com/code4mk-org/editorjs-vue-a78110c3fff8上有一篇文章。

它可以工作，但是如果我重新加载页面，则会收到“未定义窗口”错误，因为该代码正试图在服务器端运行。

[有一个名为https://github.com/ChangJoo-Park/vue-editor-js的软件包可用于NuxtJ，但是在图像上传方面存在问题。

//I try change 

import EditorJS from '@editorjs/editorjs'

//to 
const EditorJS = require('@editorjs/editorjs')

可以，但是在加载工具上出现错误

// ImageTool = require（'@ editorjs / image'）//收到错误

也许还有另一种方法？

Answer 1

<template> 
   <div id="codex-editor"></div> 
</template> 

<script> 
    let EditorJS = null, ImageTool = null; 

    if (process.client) { 
        EditorJS = require('@editorjs/editorjs'); 
        ImageTool = require('@editorjs/image'); 
    } 

     export default { 
         mounted() { 
         const editor = new EditorJS({ 
         holder: 'codex-editor', 

     tools: { 
         image: { 
             class: ImageTool, 
         } 
     } 
    }); 
  } 
 }