javascript - 使用 WordPress Media Javascript 检索附件显示设置

Question

我在寻找答案时遇到了一些麻烦，因为 WordPress 媒体 javascript 的文档似乎很少。

我正在开发一个项目，需要用 CKEditor 替换默认的 TinyMCE 编辑器。

我有以下代码来打开媒体管理器:

frame = new wp.media.view.MediaFrame.Post({
    title: "Media Manager",
    library: {
        ...
        type: 'image',
        ...
    },
    button: {
        text: "Insert Images"
    },
    multiple: true,
    state: 'insert'
});

要插入图像，请执行以下操作:

frame.on('insert', function (){
    var html = [];
    var attachments = frame.state().get('selection');
    var selected = attachments.models;

    selected.forEach(function (selection){
        var attachment = selection.toJSON();

        html.push(
            "<figure class='image'>" +
            "<img src='" + attachment.url + "' alt='" + attachment.alt + "'/>" +
            (attachment.caption !== '' ? "<figcaption>" + attachment.caption + "</figcaption>" : "") +
            "</figure>"
        );
    });

    editor.insertHtml(html.toString());
});

这非常适合将任意数量的图像插入 CKEditor。

但是，我不想使用完整尺寸的图像，而是想使用在“附件显示设置”下的“尺寸”字段中选择的任何尺寸图像的图像 URL(参见图片)。我确信有一种方法可以访问这些“附件显示设置”字段中的数据，但是我似乎无法在任何地方找到有关此内容的任何信息。

任何帮助将不胜感激。

谢谢!

Answer 1

我和你有同样的问题，我无法从附件显示设置中获取数据。但如果您想要中等尺寸图像的网址，也可以使用:

attachment.sizes.medium.url;

Here您可以找到有关此内容的更多信息，并且在底部有一种使用附件显示设置的方法，但我还不知道如何使用它。