|
|
@@ -39,7 +39,7 @@ export const TextFormatTools = (props: TextFormatToolsType): JSX.Element => {
|
|
|
setOpen(bool => !bool);
|
|
|
}, []);
|
|
|
|
|
|
- const onClickInsertMarkdownText = (prefix: string, suffix: string) => codeMirrorEditor?.insertMarkdownText(prefix, suffix);
|
|
|
+ const onClickCreateReplaceSelection = (prefix: string, suffix: string) => codeMirrorEditor?.insertMarkdownText(prefix, suffix);
|
|
|
|
|
|
return (
|
|
|
<div className="d-flex">
|
|
|
@@ -47,19 +47,19 @@ export const TextFormatTools = (props: TextFormatToolsType): JSX.Element => {
|
|
|
|
|
|
<Collapse isOpen={isOpen} horizontal>
|
|
|
<div className="d-flex px-1 gap-1" style={{ width: '220px' }}>
|
|
|
- <button type="button" className="btn btn-toolbar-button" onClick={() => onClickInsertMarkdownText('**', '**')}>
|
|
|
+ <button type="button" className="btn btn-toolbar-button" onClick={() => onClickCreateReplaceSelection('**', '**')}>
|
|
|
<span className="material-symbols-outlined fs-5">format_bold</span>
|
|
|
</button>
|
|
|
<button type="button" className="btn btn-toolbar-button">
|
|
|
- <span className="material-symbols-outlined fs-5" onClick={() => onClickInsertMarkdownText('*', '*')}>format_italic</span>
|
|
|
+ <span className="material-symbols-outlined fs-5" onClick={() => onClickCreateReplaceSelection('*', '*')}>format_italic</span>
|
|
|
</button>
|
|
|
- <button type="button" className="btn btn-toolbar-button" onClick={() => onClickInsertMarkdownText('~', '~')}>
|
|
|
+ <button type="button" className="btn btn-toolbar-button" onClick={() => onClickCreateReplaceSelection('~', '~')}>
|
|
|
<span className="material-symbols-outlined fs-5">format_strikethrough</span>
|
|
|
</button>
|
|
|
<button type="button" className="btn btn-toolbar-button">
|
|
|
<span className="material-symbols-outlined fs-5">block</span>
|
|
|
</button>
|
|
|
- <button type="button" className="btn btn-toolbar-button" onClick={() => onClickInsertMarkdownText('`', '`')}>
|
|
|
+ <button type="button" className="btn btn-toolbar-button" onClick={() => onClickCreateReplaceSelection('`', '`')}>
|
|
|
<span className="material-symbols-outlined fs-5">code</span>
|
|
|
</button>
|
|
|
<button type="button" className="btn btn-toolbar-button">
|