javascript - 我如何解析 TinyMce 文章内容以使用 JS 查找嵌入的图像

Question

我想在客户端解析TinyMCE编辑器中写入的内容 我想获取编辑器中插入的图像的所有 src 属性值 编辑区(在文章正文中)并将它们存储在一个数组中。

我该怎么做？

谢谢

(我试过:

var arr = new Array();
   $(".txtEditorClass img").each(function() {arr.push( $(this).attr("src"))}); 

没用 我还使用常规 JS 进行了测试，以查看找到了哪些图像:

var arr = document.getElementsByTagName("img"); for(var i = 0; i < arr.length; i++) { alert(arr[i].src); } 显示但未显示的编辑器外部图像的所有图像 src 值 那些嵌入书面文本的图像)

Answer 1

里面设置了TinyMCE编辑器和iFrame。要访问内部元素，您需要使用函数 tinyMCE.activeEditor.dom.getRoot()(文档:http://wiki.moxiecode.com/index.php/TinyMCE:API/tinymce.dom.DOMUtils/getRoot)

因此要在编辑器中检索所有图像，请使用类似的东西:

var arr = new Array();
    $(tinyMCE.activeEditor.dom.getRoot()).each(
          function()
            {
              arr.push( $(this).attr("src"))
            });