从第4版开始没有图像类型

No type for image in tinymce version 4

本文关键字:图像 类型 4版 开始 从第      更新时间:2023-09-26

我需要为tinyMCE 4.0开发一个小插件。我必须显示基于输入url的图像预览。我不知道图像预览的类型。

有没有类似type="image"的东西

    tinymce.PluginManager.add('uploadimage', function(editor, url) {
    // Adds a menu item to the Insert menu
    editor.addMenuItem('uploadimage', {
        text: 'Example plugin',
        context: 'insert',
        onclick: function() {
            editor.windowManager.open({
                title: 'TinyMCE site',
                width: 400,
                height: 300,
                buttons: [{
                        text: 'Close',
                        onclick: 'close'
                    }],
                body: [
                    {
                        name: "path",
                        type: "textbox",
                        size: 40,
                        label: "File URL",
                    },
                    {
                        name: "fileList",
                        type: "listbox",
                        label: "Link list",
                        values: editor.settings.external_image_list_url,
                        onselect: function(e) {
                            this.parent().parent().find("#path").value(this.value());
                        }
                    },
                    {
                        name: "fieldset",
                        type:"image"  //HERE I NEED TO PREVIEW IMAGE BUT THERE IS NO SUCH TYPE IMAGE
                    }
                ],
            });
        }
    });
});

我认为你最好的选择是指定类型为"Container",然后用方法"renderHtml"手动设置HTML输出,可以在文档中看到:

http://www.tinymce.com/wiki.php/api4 class.tinymce.ui.Container

在该页面的右侧,您可以看到所有可用类型的列表。如果您决定编写自己的图像控件,显然可以扩展此功能。