Editor.js: hi, how to use editor.js in nuxt.js, is there an example?

Created on 15 Feb 2020 · 5Comments · Source: codex-team/editor.js

How to use editor.js in nuxt.js, are there any related examples?

Source

Yakumo-Yukari

Most helpful comment

Hi @Yakumo-Yukari! Try this.

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

<script>
  let EditorJS = null;

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

  export default {
    mounted() {
      const editor = new EditorJS({
        /**
         * Id of Element that should contain Editor instance
         */
        holder: 'codex-editor'
      });
    }
  }
</script>

zabavnikov on 15 Feb 2020

👍3

All 5 comments

Related #1036

neSpecc on 15 Feb 2020

Hi @Yakumo-Yukari! Try this.

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

<script>
  let EditorJS = null;

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

  export default {
    mounted() {
      const editor = new EditorJS({
        /**
         * Id of Element that should contain Editor instance
         */
        holder: 'codex-editor'
      });
    }
  }
</script>

zabavnikov on 15 Feb 2020

👍3

Hi @Yakumo-Yukari! Try this.

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

<script>
  let EditorJS = null;

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

  export default {
    mounted() {
      const editor = new EditorJS({
        /**
         * Id of Element that should contain Editor instance
         */
        holder: 'codex-editor'
      });
    }
  }
</script>

Thanks for the example

Yakumo-Yukari on 16 Feb 2020

Hi @Yakumo-Yukari! Try this.

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

<script>
  let EditorJS = null;

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

  export default {
    mounted() {
      const editor = new EditorJS({
        /**
         * Id of Element that should contain Editor instance
         */
        holder: 'codex-editor'
      });
    }
  }
</script>

it's works, but how import tools?

gbgb66 on 10 Apr 2020

Hi @Yakumo-Yukari! Try this.

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

<script>
  let EditorJS = null;

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

  export default {
    mounted() {
      const editor = new EditorJS({
        /**
         * Id of Element that should contain Editor instance
         */
        holder: 'codex-editor'
      });
    }
  }
</script>

it's works, but how import tools?

Thank you so much for your help.

Yakumo-Yukari on 11 Apr 2020

Was this page helpful?

0 / 5 - 0 ratings