自定义tinymce以添加自定义按钮

Question

我想在tinymce界面添加一个自定义按钮，以便从服务器上传图像。

方案： 我的MVC项目中有一个厨房页面，允许用户将图像，视频，音频和文本上传到服务器。这些媒体上传到服务器即。我们在服务器上有一个上传文件夹，上传所有文件。

我想在按钮上添加一个按钮，点击它会打开一个带有图像/视频/音频/文本列表（来自服务器）的弹出窗口。选择它时，应将内容添加到tinymce编辑器中。

弹出窗口看起来像这样：

任何帮助都会有所帮助。

Answer 1

TinyMCE网站上有关于如何创建自定义工具栏按钮的文档：

https://www.tinymce.com/docs/advanced/creating-a-custom-button/

然后，您可以使用insertContent API在有人选择图片后将所需的HTML注入编辑器。

Answer 2

添加自定义按钮的代码：

tinymce.init({
selector: "your_selector",
plugins: [
    "your_custom_plugin"
],
toolbar1: "undo redo | your_custom_btn",

}

tinymce.activeEditor.addButton('your_custom_btn', {
    tooltip: 'click to show media',
    icon: 'media',
    onClick : showPopUP()
});