# LivaHtmlEditor
Package: @dataliva/livalib
Description: @dataliva/livalib WYSIWYG HTML editör bileşeni.

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.

```tsx
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.

**Örnek — Temel kullanım:**

```tsx
<LivaHtmlEditor
  label="Açıklama"
  value={content}
  onValueChanged={(e) => setContent(e.value)}
  height={300}
/>
```

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

**Örnek — Genişletilmiş araç çubuğu:**

```tsx
<LivaHtmlEditor
  height={300}
  placeholder="İçerik yazın..."
  showToolBarFont
  showToolBarSize
  showToolBarHeader
  showToolBarAlignLeft
  showToolBarAlignCenter
  showToolBarAlignRight
  showToolBarInsertTable
  showToolBarDeleteTable
/>
```

## Salt okunur

`readOnly` içeriği düzenlemeye kapatır; araç çubuğu pasifleşir.

**Örnek — Salt okunur:**

```tsx
<LivaHtmlEditor
  value="<p>Bu içerik <i>salt okunur</i> modda görüntüleniyor.</p>"
  readOnly
  height={200}
/>
```

## Prop'lar

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