Skip to content

provideEditor ​

provideEditor(editor) делает редактор 4B Pen доступным для composables и компонентов без встроенного оформления, расположенных ниже в дереве Vue.

На этой функции основана работа useEditor().

Использование ​

ts
import { provideEditor } from '@open-pencil/vue'

provideEditor(editor)

Пример ​

vue
<script setup lang="ts">
import { provideEditor } from '@open-pencil/vue'

import type { Editor } from '@open-pencil/core/editor'

const props = defineProps<{
  editor: Editor
}>()

provideEditor(props.editor)
</script>

<template>
  <slot />
</template>

Примечания ​

В актуальном SDK используются непосредственно provideEditor() и useEditor(). В некоторых старых примерах и сообщениях об ошибках упоминается компонент OpenPencilProvider, но он не относится к текущему публичному API.

Связанные API ​

Released under the MIT License.