50 lines
1.0 KiB
TypeScript
50 lines
1.0 KiB
TypeScript
|
"use client"
|
||
|
|
|
||
|
|
import { HtmlEditor } from "./html"
|
||
|
|
import { MarkdownEditor } from "./markdown"
|
||
|
|
import type { BaseEditorProps, EditorValue } from "./types"
|
||
|
|
|
||
|
|
export type UnifiedEditorProps = BaseEditorProps & {
|
||
|
|
value: EditorValue
|
||
|
|
onChange: (next: EditorValue) => void
|
||
|
|
markdownRows?: number
|
||
|
|
}
|
||
|
|
|
||
|
|
export function UnifiedEditor({
|
||
|
|
value,
|
||
|
|
onChange,
|
||
|
|
placeholder,
|
||
|
|
disabled,
|
||
|
|
features,
|
||
|
|
className,
|
||
|
|
markdownRows,
|
||
|
|
}: UnifiedEditorProps) {
|
||
|
|
if (value.mode === "markdown") {
|
||
|
|
return (
|
||
|
|
<MarkdownEditor
|
||
|
|
value={value.raw}
|
||
|
|
onChange={(nextRaw) => onChange({ ...value, raw: nextRaw })}
|
||
|
|
placeholder={placeholder}
|
||
|
|
disabled={disabled}
|
||
|
|
features={features}
|
||
|
|
className={className}
|
||
|
|
rows={markdownRows}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<HtmlEditor
|
||
|
|
value={value.raw}
|
||
|
|
onChange={(nextRaw) => onChange({ ...value, raw: nextRaw })}
|
||
|
|
placeholder={placeholder}
|
||
|
|
disabled={disabled}
|
||
|
|
features={features}
|
||
|
|
className={className}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export * from "./types"
|
||
|
|
|