React Highlight Editor
CSS
JSX
Try it
interface Props {
lang?: string;
value?: string;
readOnly?: boolean;
placeholder?: string;
pushValue?: string;
showToolbar?: boolean;
splitDiff?: boolean;
diffValue?: string;
className?: string;
tabSize?: number;
onChange?: (value: string) => void;
}
typescript
Try it diff
export default function HilightlightEditorPage() {
return <HighlightEditor
placeholder="Edit content..."
diffValue={jsxcode}
splitDiff
value={jsxcode}
tabSize={2}
className="mb-8 !h-[32rem] bg-gray-900 !text-sm"
/>
}
plaintext