Repository navigation
Need Preview Mode #760
Description
After my page can edit rich editor, i need show my result in preview mode in same page.
using params readOnly is true is not enough because all the toolbar still in there.
so i making code like this
{readOnly === false ? (
<MDXEditor
markdown={value}
onChange={setValue}
readOnly={false}
plugins={[
headingsPlugin(),
listsPlugin(),
quotePlugin(),
markdownShortcutPlugin(),
diffSourcePlugin({ diffMarkdown, viewMode }),
toolbarPlugin({
toolbarClassName: "my-classname",
toolbarContents: () => (
<>
<DiffSourceToggleWrapper>
<UndoRedo />
<ToolbarSeparator />
<BoldItalicUnderlineToggles />
<ToolbarSeparator />
<BlockTypeSelect />
<ToolbarSeparator />
<ListsToggle />
<ToolbarSeparator />
<InsertTable />
<InsertCodeBlock />
<InsertImage />
<InsertThematicBreak />
<CreateLink />
<CodeToggle />
</DiffSourceToggleWrapper>
</>
),
}),
]}
contentEditableClassName="prose max-w-full"
/>
) : (
<MDXEditor
markdown={value}
readOnly={true}
plugins={[
headingsPlugin(),
listsPlugin(),
quotePlugin(),
diffSourcePlugin({ diffMarkdown, viewMode }),
]}
contentEditableClassName="prose max-w-full"
/>
)}
but still not working because toolbar just disabled.
I need disappear toolbars after i edit.
Activity