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

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

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

bash
npm i rete-readonly-plugin

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

ts
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.

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

ts
readonly.enable();

Вимкнення

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

ts
readonly.disable();

Контроли

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

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

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

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

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

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

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