Тільки для читання

Цей гайд базується на гайді Базовий редактор. Рекомендується переглянути його для повного розуміння цього гайду.

Встановити залежності

bash

npm i rete-readonly-plugin

Підключення плагіна

import { ReadonlyPlugin } from "rete-readonly-plugin";

const readonly = new ReadonlyPlugin<Schemes>();

editor.use(readonly.root);
editor.use(area);
area.use(readonly.area);
area.use(render);

Обов’язково дотримуйтеся порядку підключення readonly.root і readonly.area перед будь-якими іншими плагінами.

Увімкнення

Плагін дозволяє модифікувати редактор за замовчуванням, надаючи вам можливість установити початковий вигляд редактора за допомогою таких методів, як addNode.

Використовуйте наступний код, щоб увімкнути його:

readonly.enable();

Вимкнення

Відключення можна зробити подібним чином:

readonly.disable();

Контроли

Коли мова йде про вбудовані контроли, надані фреймворком, як-от ClassicPreset.InputControl, важливо окремо вказати функцію лише для читання таким чином:

new ClassicPreset.InputControl('text', { readonly: true })

Оскільки інші контроли можуть бути кастомними, розробник має реалізувати їх можливість «тільки для читання».

Вимкнути маніпуляцію зі з’єднаннями

Нарешті, якщо ви пройшли гайд Базовий редактор, обов’язково видаліть імпорт ConnectionPlugin.

area.use(connection); // повинен бути видалений

Перегляньте повний результат на сторінці прикладу Лише для читання.

Документація