Skip to content

Встравивание расширений

Вызов функции defineNbFrameComponent создаст тег <nb-frame/> с помощью которого можно встравивать один редактор в другой или интегрировать его на других страницах.

В начале вашего скрипта вызовите функцию:

typescript
import { defineNbFrameComponent } from "next-box";
defineNbFrameComponent();

Далее в месте где необходимо отобразить редактор вставьте тег:

html
<div>
    <nb-frame style="width: 100vw; height: 100vh" />
</div>

В скрипте ищим элемент на странице и задаем параметры какое расширение открыть:

typescript
const frame = document.querySelector('nb-frame');

frame.make("/api/v1/extensions/static/code/index.html")
// или через модель расширения из API
frame.makeByModel({...})

Далее после того как созданы настройки подключения, нужно передать параметры для начала работы самого расширения:

typescript
frame.openElement(routeData, extensionModel);