2

我需要为 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
                    }
                ],
            });
        }
    });
});
4

1 回答 1

0

我认为最好的办法是将类型指定为“Container”，然后使用“renderHtml”方法手动设置 HTML 输出，如以下文档所示：

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

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

于 2013-07-04T07:45:24.687 回答