47 lines
1.3 KiB
Markdown
47 lines
1.3 KiB
Markdown
|
---
|
|||
|
|
title: provideEditor
|
|||
|
|
description: Передача экземпляра редактора OpenPencil в Vue-поддерево через инъекцию.
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# provideEditor
|
|||
|
|
|
|||
|
|
`provideEditor(editor)` делает редактор OpenPencil доступным для дочерних компосаблов и headless-примитивов через 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
|
|||
|
|
|
|||
|
|
- [useEditor](./use-editor)
|