46 lines
1.4 KiB
XML
46 lines
1.4 KiB
XML
/**
|
||
* DevExtreme HtmlEditor için standart araç çubuğu.
|
||
* NoteModal ve TodoBoard içinde birebir aynı ~40 satırlık tanım tekrar ediyordu.
|
||
*/
|
||
import { Item, Toolbar } from 'devextreme-react/html-editor'
|
||
import {
|
||
fontFamilyOptions,
|
||
fontSizeOptions,
|
||
fontValues,
|
||
headerOptions,
|
||
headerValues,
|
||
sizeValues,
|
||
} from '@/proxy/reports/data'
|
||
|
||
export const HtmlEditorToolbar = () => (
|
||
<Toolbar multiline>
|
||
<Item name="undo" />
|
||
<Item name="redo" />
|
||
<Item name="separator" />
|
||
<Item name="size" acceptedValues={sizeValues} options={fontSizeOptions} />
|
||
<Item name="font" acceptedValues={fontValues} options={fontFamilyOptions} />
|
||
<Item name="separator" />
|
||
<Item name="bold" />
|
||
<Item name="italic" />
|
||
<Item name="underline" />
|
||
<Item name="strike" />
|
||
<Item name="separator" />
|
||
<Item name="orderedList" />
|
||
<Item name="bulletList" />
|
||
<Item name="separator" />
|
||
<Item name="header" acceptedValues={headerValues} options={headerOptions} />
|
||
<Item name="separator" />
|
||
<Item name="color" />
|
||
<Item name="background" />
|
||
<Item name="separator" />
|
||
<Item name="alignLeft" />
|
||
<Item name="alignCenter" />
|
||
<Item name="alignRight" />
|
||
<Item name="alignJustify" />
|
||
<Item name="separator" />
|
||
<Item name="link" />
|
||
<Item name="image" />
|
||
<Item name="separator" />
|
||
<Item name="clear" />
|
||
</Toolbar>
|
||
)
|