@Aslero

Как отобразить modelValue в EditorJs + Nuxt3 ssr?

подскажите по editotJs
создал компонент EditorJs.client.vue

проблeма, при редактировании статьи, при открытии редактора не видит modelValue содержимое, если компонент сохранить, то после, видимо, nextTick содержимое появляется

вот код

<script setup lang="ts">
  import EditorJS from '@editorjs/editorjs';

  const state = reactive<any>({ editor: null });
  const modelValue = defineModel<any | undefined>();

  const onReady = () => {
    try {
      if (modelValue.value?.blocks?.length) {
        state.editor.render(modelValue.value);
      }
    } catch (error) {
      console.log(error);
    }
  };

  const onChange = async () => {
    try {
      const updatedData = await state.editor.save();
      modelValue.value = {
        blocks: updatedData.blocks,
      };
    } catch (error) {
      console.log('Saving failed: ', error);
    }
  };

  const initEditorJs = () => {
    state.editor = new EditorJS({
      holder: 'editor',
      minHeight: 0,
      ....
      onChange: onChange,
      onReady: onReady,
      data: modelValue.value,
      placeholder: 'Чем вы хотите поделиться? ',
    });
  };

  onMounted(() => {
    initEditorJs();
  });
</script>

<template>
  <div
    id="editor"
    :class="[isDesktop ? 'fc-editor__desktop' : 'fc-editor__mobile']" />
</template>


Эта проблема только в версии 2.8.0
  • Вопрос задан
  • 30 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы