WordPress:image\u发送\u到\u编辑器检索选定的图像宽度和高度

我修改了functions.php中的“image\u send\u to\u editor”代码，用于编辑器添加的图像标题和图像。特别是从媒体库中选择的图像

目前，我无法访问所选图像的宽度和高度。缺少什么变量使这成为可能？理想情况下，图像标记看起来像下面的线条

<img src='$url' alt='$title' class='size-$size' width='IMAGE-WIDTH' height='IMAGE-HEIGHT'>

// image and caption replace 
function html5_insert_image($html, $id, $caption, $title, $align, $url, $size) {
    $html5 = "<figure id='post-$id media-$id' class='figure align$align'>";
    $html5 .= "<img src='$url' alt='$title' class='size-$size'>";
    if ($caption) {
        $html5 .= "<figcaption>$caption</figcaption>";
    }
    $html5 .= "</figure>";
    return $html5;
}
add_filter( 'image_send_to_editor', 'html5_insert_image', 10, 9 );

//图像和标题替换
函数html5\u插入图像（$html、$id、$caption、$title、$align、$url、$size）{
$html5=“”；
$html5.=”；
如果（$标题）{
$html5.=“$caption”；
}
$html5.=”；
返回$html5；
}
添加过滤器（'image\u send\u to\u editor'、'html5\u insert\u image'，10,9）；

---

感谢您的帮助。谢谢

我使用“获取图像标签”功能解决了这个问题。这将返回图像的宽度和高度。现在我可以从媒体库中选择不同大小的图像

function html5_insert_image($html, $id, $caption, $title, $align, $url, $size) {

    /**** START - ADD THIS LINE TO RETRIEVE THE WIDTH & HEIGHT ****/
    $html = get_image_tag($id, '', $title, $align, $size);    
    /**** END ****/

    $html5 = "<figure id='post-$id media-$id' class='figure align$align'>";
    $html5 .= $html;
    if ($caption) {
        $html5 .= "<figcaption>$caption</figcaption>";
    }
    $html5 .= "</figure>";
    return $html5;
}
add_filter( 'image_send_to_editor', 'html5_insert_image', 10, 9 );

函数html5\u插入图像（$html、$id、$caption、$title、$align、$url、$size）{
/****开始-添加此行以检索宽度和高度****/
$html=get_image_标记（$id，，$title，$align，$size）；
/****结束****/
$html5=“”；
$html5.=$html；
如果（$标题）{
$html5.=“$caption”；
}
$html5.=”；
返回$html5；
}
添加过滤器（'image\u send\u to\u editor'、'html5\u insert\u image'，10,9）；

我使用“获取图像标签”功能解决了这个问题。这将返回图像的宽度和高度。现在我可以从媒体库中选择不同大小的图像

function html5_insert_image($html, $id, $caption, $title, $align, $url, $size) {

    /**** START - ADD THIS LINE TO RETRIEVE THE WIDTH & HEIGHT ****/
    $html = get_image_tag($id, '', $title, $align, $size);    
    /**** END ****/

    $html5 = "<figure id='post-$id media-$id' class='figure align$align'>";
    $html5 .= $html;
    if ($caption) {
        $html5 .= "<figcaption>$caption</figcaption>";
    }
    $html5 .= "</figure>";
    return $html5;
}
add_filter( 'image_send_to_editor', 'html5_insert_image', 10, 9 );

函数html5\u插入图像（$html、$id、$caption、$title、$align、$url、$size）{
/****开始-添加此行以检索宽度和高度****/
$html=get_image_标记（$id，，$title，$align，$size）；
/****结束****/
$html5=“”；
$html5.=$html；
如果（$标题）{
$html5.=“$caption”；
}
$html5.=”；
返回$html5；
}
添加过滤器（'image\u send\u to\u editor'、'html5\u insert\u image'，10,9）；

我在一个项目中尝试了这个和类似的网页片段，到目前为止，我注意到了两件可能会导致问题的事情。首先，如果您试图编辑现有图像的标题，会造成混乱。其次，移除图像仅移除img标签。它将图形标记保留在编辑器中，对于非使用HTML的用户不可见。如果有人有解决这些问题的办法，我很乐意听他们说，因为WP不是我的常规驾驶室。@Charasan你试过下面的代码吗？你能解决你的问题吗？我有一段时间没再讨论这个问题了。修改标签会解决我遇到的问题吗？我会试试这个变化，看看效果如何。对不起，它看起来确实更干净。至少是标题部分，但它忽略了figcaption，支持默认的WP行为，当通过WP工具删除图像时，标记仍然保留。对不起，我有一段时间没有再讨论这个问题了，忘了它在这里。我不确定，我理解你的问题。你有一个例子吗？我在一个项目中尝试了这个和类似的网页片段，到目前为止，我注意到了两件可能会导致问题的事情。首先，如果您试图编辑现有图像的标题，会造成混乱。其次，移除图像仅移除img标签。它将图形标记保留在编辑器中，对于非使用HTML的用户不可见。如果有人有解决这些问题的办法，我很乐意听他们说，因为WP不是我的常规驾驶室。@Charasan你试过下面的代码吗？你能解决你的问题吗？我有一段时间没再讨论这个问题了。修改标签会解决我遇到的问题吗？我会试试这个变化，看看效果如何。对不起，它看起来确实更干净。至少是标题部分，但它忽略了figcaption，支持默认的WP行为，当通过WP工具删除图像时，标记仍然保留。对不起，我有一段时间没有再讨论这个问题了，忘了它在这里。我不确定，我理解你的问题。你有一个例子吗？我测试了这段代码，没有任何问题，但它不是与这些图片有标题，我测试了这段代码工作没有任何问题，但它不是与这些图片有标题