2.4.8 • Published 4 months ago

@skbkontur/markdown v2.4.8

Weekly downloads
-
License
UNLICENSED
Repository
github
Last release
4 months ago

Редактор и вьювер Markdown

Компоненты

  • Markdown - редактор
  • MarkdownViewer - вьювер MD текста

Компоненты работают на основе библиотеки react-ui.

В peerDependencies указана совместимая версия пакета @skbkontur/react-ui.

Тема Textarea берется из ThemeContext из react-ui. Стилизация Markdown через MarkdownThemeProvider.

Примеры использования

Markdown

Props

proptypedefaultdescription
api?MarkdownApiundefinedМетоды апи для загрузки/скачивания файлов и меншена
fileApiUrl?stringundefinedUrl апи для файлов
profileUrl?stringundefinedUrl для профиля сотрудника
markdownViewer?(value: string) => ReactNodeundefinedПревьювер мардауна, по умолчанию используется MarkdownViewer
panelHorizontalPadding?numberundefinedPadding markdownActions (кнопки помощи форматирования текста), включает режим panel
renderFilesValidation?(horizontalPadding: HorizontalPaddings, onReset: () => void) => ReactNodeundefinedRender валидации файла, если она нужна, максимальный размер файла = 10mb
hideActionsOptionsobject (HideActionsOptions)undefinedСкрыть отдельные кнопки на панели действий

MarkdownApi

proptypedefaultdescription
fileDownloadApi?(id: string) => PromiseundefinedМетод для загрузки файла
fileUploadApi?(file: File) => PromiseundefinedМетод для скачивания файла
getUsersApi?(query: string) => Promise<User[]>undefinedМетод для получения списка пользователей

HorizontalPaddings

proptypedefault
fullscreenPadding?numberundefined
panelPadding?nmberundefined

MarkdownTheme

proptypedescription
colorsColorSchemeЦветовая схема
elementsFontSizestringfont-size переменных темы react-ui: tabFontSize, btnFontSizeSmall, hintFontSize, checkboxBoxSize, menuItemFontSize
elementsLineHeightstringline-height переменных темы react-ui: tabLineHeight
themeModestringТемный/светлый режим темы
droppablePlaceholderBgImagestringЗначение background-image для DroppablePlaceholder, если нужна пунктирная обводка в состоянии onDrag
reactUiThemestringТема react-ui

ColorScheme

proptypedescription
brandstringЦвет сервиса
disabledButtonstringЦвет текста кнопки для переменной btnDisabledTextColor
grayDefaultstringОсновной серый цвет, используется в кнопках, чекбоксах, иконках и т.д.
linkstringЦвет ссылок
panelBgstringЦвет панели, в режиме panel
whitestringБелый цвет
2.2.1

9 months ago

2.2.0

9 months ago

2.4.1

4 months ago

2.2.3

9 months ago

2.4.0

4 months ago

2.2.2

9 months ago

2.4.3

4 months ago

2.2.5

8 months ago

2.4.2

4 months ago

2.2.4

9 months ago

2.4.5

4 months ago

2.2.7

5 months ago

2.4.4

4 months ago

2.2.6

7 months ago

2.2.10

5 months ago

2.0.0

9 months ago

2.3.0

5 months ago

2.3.1

4 months ago

2.1.0

9 months ago

2.4.7

4 months ago

2.2.9

5 months ago

2.4.6

4 months ago

2.2.8

5 months ago

2.4.8

4 months ago

2.4.8-alpha.0

4 months ago

1.12.3

11 months ago

1.12.2

11 months ago

1.11.3

12 months ago

1.12.1

12 months ago

1.11.2

12 months ago

1.10.3

1 year ago

1.11.1

1 year ago

1.10.2

1 year ago

1.9.1

1 year ago

1.9.0

1 year ago

1.11.0

1 year ago

1.10.1

1 year ago

1.10.0

1 year ago

1.8.0

1 year ago

1.7.0

1 year ago

1.6.0

1 year ago

1.5.1

1 year ago

1.5.0

1 year ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.5

2 years ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.5

2 years ago

1.2.4

2 years ago

1.2.3

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.2.0

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago