// the find
markpluslabs/react-markplus
A React markdown editor and previewer.
A React component wrapping a split-pane markdown editor with live preview, KaTeX math, syntax highlighting, flowcharts, and a FontAwesome-powered toolbar. Aimed at developers who need an embeddable editor rather than a standalone app. The demo is polished enough that it works as a standalone tool too.
KaTeX, flowchart, and emoji support are all built in without extra wiring — unusually complete for a single component. The toolbar is genuinely configurable: you can pass ReactElement items alongside the built-in string IDs, not just toggle things on and off. Three-way mode prop (editor/preview/both) plus draggable gutter is practical for real apps. Auto dark/light theme following the system preference requires zero extra work.
Custom toolbar items freeze in React 19 dev mode — that's a known issue with no fix in sight and no workaround documented beyond 'use production mode or React 18'. CSS imports are a multi-step manual process (katex, fontawesome, SCSS) with no bundled stylesheet option, which is friction in any modern setup. The library is primarily SCSS, suggesting the component tree is thin and the styling is doing heavy lifting — customising appearance beyond the two themes will be painful. Last commit was February 2025 with no activity since, so React 19 compatibility issues are unlikely to get resolved.