47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
|
/**
|
|||
|
|
* 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>
|
|||
|
|
)
|