LivaHtmlEditor
DevExtreme HtmlEditor üzerine kurulu WYSIWYG zengin metin editörü. Değer HTML string'i olarak okunur ve yazılır; araç çubuğundaki her düğme tek tek açılıp kapatılabilir.
import { LivaHtmlEditor } from "@dataliva/livalib";
Temel kullanım
Varsayılan araç çubuğu geri al/yinele, kalın/italik/altı çizili/üstü çizili,
renk ve liste düğmelerini içerir. Değer value + onValueChanged ile
kontrollü yönetilir.
Genişletilmiş araç çubuğu
Varsayılan olarak kapalı olan yazı tipi, boyut, başlık, hizalama ve tablo
düğmeleri showToolBar* prop'larıyla açılır.
Salt okunur
readOnly içeriği düzenlemeye kapatır; araç çubuğu pasifleşir.
| Prop | Tip | Varsayılan |
|---|---|---|
label | string | — |
labelPosition | LabelPosition | 'top' |
value | string | — |
onValueChanged | (e: { value: string }) => void | — |
height | number | string | 200 |
placeholder | string | — |
readOnly | boolean | false |
disabled | boolean | false |
mediaResizingEnabled | boolean | true |
imageUploadEnabled | boolean | true |
showToolBarBold | boolean | true |
showToolBarFont | boolean | false |
maxWidth | number | string | — |
Araç çubuğundaki her düğme için showToolBar* önekli bir boolean prop vardır
(undo/redo, bold/italic/underline/strike, color, liste ve tablo işlemleri dahil
30 adet); tabloda yalnızca iki örneği gösterildi. Ayrıca bileşen DevExtreme
HtmlEditor seçeneklerini de kalan prop'lar olarak kabul eder.