用于Visual View的WordPress可视化编辑器过滤器

Question

当用户使用以下代码在WordPress中使用“添加媒体”插入媒体时，我设置了自定义HTML：

add_filter('get_image_tag', 'add_image_frames', 10, 6);

function add_image_frames($html, $id, $alt, $title, $align, $size) {
    $html = '
        <div class="image-container">
          <noscript 
              data-src-small="'.wp_get_attachment_image_src($id,'small', false)[0].'" 
              data-src-medium="'.wp_get_attachment_image_src($id,'medium', false)[0].'" 
              data-src-large="'.wp_get_attachment_image_src($id,'large', false)[0].'"
              data-alt="'.$alt.'"
              data-title="'.$title.'"
              data-class="align'.$align.'">

            <img src="'.wp_get_attachment_image_src($id,'medium', false)[0].'">
          </noscript>
        </div>';

    return $html;
}

如果您在“文本”模式下工作，这可以正常工作但是当我移动到“可视”模式时它会显示相同的HTML，是否有一个过滤器可用于将可视模式的输出更改为用户可以在创建页面时看到它吗？

由于