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

时间:2017-05-15 13:33:53

标签: javascript wordpress ckeditor

我在查找答案时遇到了一些麻烦,因为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来选择&#34;尺寸&#34; &#34;附件显示设置下的字段&#34; (见图)。我确定有一种方法可以访问那些&#34;附件显示设置&#34;但是我似乎无法在任何地方找到任何关于此的信息。

enter image description here

非常感谢任何帮助。

谢谢!

1 个答案:

答案 0 :(得分:0)

我遇到了和你一样的问题,我无法从附件显示设置中获取数据。但是如果你想要中等尺寸图像的网址,你也可以使用它:

attachment.sizes.medium.url;

Here你可以更多地了解这一点,在底部有一种使用附件显示设置的方法,但我还没弄清楚如何使用它。