Tui.editor: @toast-ui/vue-editor window is not defined

[Hxmic]

How to resolve it?

[seonim-ryu]

@Hxmic I just don't know what's wrong with this.. Could you explain it in more detail?

[Hxmic]

In vue page, import it, "window is not defined".

I resolved it, in nuxt.

NUXT

first mkdir tui-editor.js , import vue-editor and vue , then vue use it.

seond import tui-editor.js , in config.index.js

[farshidrezaei]

In vue page, import it, "window is not defined".

I resolved it, in nuxt.

NUXT

first mkdir tui-editor.js , import vue-editor and vue , then vue use it.

seond import tui-editor.js , in config.index.js

@ChangJoo-Park

i do like you , but i get this error:
Uncaught TypeError: Cannot read property 'install' of undefined

[ChangJoo-Park]

@farshidrezaei, are you using Nuxt too?

[farshidrezaei]

@ChangJoo-Park

yes. i use nuxt.

[ChangJoo-Park]

@farshidrezaei

Can you check this repo?

1. create plugins\tui_editor.client.js code
2. add plugins to nuxt.config.js code

  // ...
  plugins: [
    '~/plugins/tui_editor.client.js'
  ],
  // ...

1. using like this everywhere you want. code

<!-- in template -->
<client-only>
  <editor />
</client-only>

I usually use tui.editor this way. I think you will get better answer from authors. good luck 😄

[farshidrezaei]

@ChangJoo-Park it's worked. thank you.

[HarrisonLee1998]

@ChangJoo-Park I also tried your way in nuxt, but it only works in 'spa' mode, not in 'universal', although add the 'client-only'. this is very strange.

[ChangJoo-Park]

@HarrisonLee1998 Please check my repo here

It is universal nuxt application using npx create-nuxt-app

[Hxmic]

In nuxt
first:

second:

@HarrisonLee1998