-
Notifications
You must be signed in to change notification settings - Fork 161
Open
Labels
enhancementNew feature or requestNew feature or request
Description
功能描述
可以支持自定义插件或者内置插件的位置自定义么?
例如:比如我新增了一个上传文件插件,希望放到图片上传后边,目前只可以选择左右,不能具体选择位置。
建议思路
比如暴露一个方法,可以在初始化之前,对插件位置排序。
目前 hack 解决方式
import React from "react";
import Editor from "react-markdown-editor-lite";
import ReactMarkdown from "react-markdown";
import "react-markdown-editor-lite/lib/index.css";
import FilePlugin from "./plugins/FilePlugin";
import HandleFullScreen from "./plugins/HandleFullScreen";
// hack 代码:注册自定义文件上传插件,并将图标设置图片上传图标后边
MdEditor.use(FilePlugin)
// @ts-ignore
const len = MdEditor?.plugins?.length
// @ts-ignore
const filePluginItem = MdEditor.plugins[len - 1]
// @ts-ignore
const imgPluginIndex = MdEditor?.plugins?.findIndex((item: any) => item?.comp?.name === 'Image')
// @ts-ignore
MdEditor.plugins.splice(len - 1, 1)
// @ts-ignore
MdEditor.plugins.splice(imgPluginIndex + 1, 0, filePluginItem)
export default function App() {
const mdEditor = React.useRef(null);
const handleClick = () => {
if (mdEditor.current) {
alert(mdEditor.current.getMdValue());
}
};
return (
<div className="App">
<button onClick={handleClick}>Get value</button>
<Editor
ref={mdEditor}
style={{
height: "500px"
}}
renderHTML={(text) => <ReactMarkdown source={text} />}
/>
</div>
);
}
Metadata
Metadata
Assignees
Labels
enhancementNew feature or requestNew feature or request