如何解析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值,但不是嵌入在写入文本中的图像的src值)

Answer 1

TinyMCE编辑器设置在里面和iFrame.要访问内部元素,您需要使用函数tinyMCE.activeEditor.dom.getRoot()(doc: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"))
            });