Needless UI

Компоненты

Редактор форматированного текста

Заголовки, списки, ссылки и форматирование — с панелью инструментов и Markdown прямо при наборе.

Импорт

import-editor.ts
import { NuiEditor } from '@needless-ui/angular/editor';

NuiEditor

Редактор форматированного текста.

Селектор
nui-editor
ИмяТипПо умолчаниюОписание
valueДвустороннийstring''Содержимое в виде HTML или Markdown; пустая строка, если текста нет.
formatInput'html' | 'markdown''html'В каком формате записывается значение.
toolsInputNuiEditorTool[]NUI_EDITOR_TOOLSКнопки панели инструментов по порядку, | — между группами.
label, labelledBy, describedByInputstringЗадают имя и описание содержимого.
placeholderInputstringПоказывается, пока редактор пуст.
readonly, disabled, invalidInputbooleanfalseПоказывает содержимое без возможности правки; отключает редактор; помечает значение как недопустимое.
labelsInputPartial<NuiEditorLabels>Все озвучиваемые редактором тексты — для перевода.
runМетод(tool: NuiEditorTool) => voidВыполняет команду панели инструментов.
undo, redo, focusМетод() => voidОтменяет и повторяет действие, переводит фокус в текст.

Helpers

Функции для преобразования документов.

ИмяТипПо умолчаниюОписание
nuiEditorToHtml, nuiEditorToMarkdownМетод(doc) => stringЗаписывают документ в HTML или Markdown.
nuiEditorFromHtml, nuiEditorFromMarkdownМетод(text, document?) => NuiEditorDocПревращают HTML или Markdown в документ, сохраняя то, что редактор умеет показывать.