Text markers
First
yarn add markdown-it-mark
Second
import { useState } from 'react';
import { MdEditor, config } from 'md-editor-rt';
import 'md-editor-rt/lib/style.css';
import { Mark } from '@vavt/rt-extension';
import MarkExtension from 'markdown-it-mark';
// All CSS for this extension library
// import '@vavt/rt-extension/lib/asset/style.css';
// Or individual style for Emoji
import '@vavt/rt-extension/lib/asset/Mark.css';
config({
markdownItConfig(md) {
md.use(MarkExtension);
}
});
export default () => {
const [value, setValue] = useState('');
return (
<MdEditor
modelValue={value}
onChange={setValue}
toolbars={['bold', 0, '=', 'github']}
defToolbars={[<Mark key="Mark" trigger={<span>mark</span>} />]}
/>
);
};
name | type | default | description |
---|---|---|---|
title | string |
'emoji' | Shown as a tooltip text when the mouse moves over |
trigger | string | ReactElement |
<span className="mee-iconfont icon-mee-mark" /> |
Content displayed in the toolbar |