Как использовать Editor JS в проекте Nuxt JS? - PullRequest
Новая
       9

Как использовать Editor JS в проекте Nuxt JS?

0 голосов
/ 10 апреля 2020

Я пытаюсь использовать Editor Js в проекте Nuxt Js.

У Medium есть статья на https://medium.com/code4mk-org/editorjs-vue-a78110c3fff8.

Работает, но если я перезагружаю страницу, я получаю сообщение об ошибке «окно не определено», потому что код пытается выполняться на стороне сервера.

Существует пакет с именем https://github.com/ChangJoo-Park/vue-editor-js, который работает для Nuxt Js, но у него есть проблема с загрузкой изображений. 

//I try change 

import EditorJS from '@editorjs/editorjs'

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

Это работает, но я получил ошибку при загрузке инструментов

// ImageTool = require ('@ editorjs / image ') // получил ошибку

Возможно, есть другой способ?

1 Ответ

0 голосов
/ 11 апреля 2020 
<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, 
         } 
     } 
    }); 
  } 
 }

...