如何更改在TinyMCE中插入图像的功能？

Question

我的Web应用程序具有上传图像的功能，以及其他信息，例如图像标题，描述，标签，版权信息等。我使用TinyMCE来编辑网页，但我不想允许在编辑器中上传图像。我只想允许用户在已经上传到服务器的图像中进行选择。

将TinyMCE中的“插入图像”功能更改为以下内容相对容易：

1. 当按下“插入图像”按钮时，将弹出一个自定义对话框。
2. 该对话框的内容是服务器上图像的网格视图。这里不应该有上传功能。
3. 通过单选按钮选择图像。
4. 当按下对话框中的“插入选定的图像”按钮时，不只是<img>标签，而是在编辑器光标处插入了一些生成的HTML。

我已经略过TinyMCE documentation，并且我知道file_picker_callback。我会使用它，并编写自己的JavaScript函数来打开自己的对话框吗？如何控制文档中插入的内容？

Answer 1

TinyMCE具有用于创建自己的工具栏按钮的API，这些工具栏按钮可打开对话框以执行所需的任务。

一种方法是使用TinyMCE UI：https://www.tiny.cloud/docs/ui-components/dialog/

另一种方法是打开一个对话框，该对话框使用iFrame打开您创建的任何网页。

无论哪种情况，您都将使用TinyMCE API（例如insertContent()）将生成的HTML放入编辑器。