如何使用 jquery 获取tinymce 中的元素？

Posted 2023-03-07

【中文标题】如何使用 jquery 获取tinymce 中的元素？

【英文标题】：How to fetch the element inside tinymce using jquery?

【发布时间】：2011-05-17 20:56:53

【问题描述】：

如何使用 jquery 从 tinymce 中的 getContent 中获取元素

【问题讨论】：

如果您能发布一个关于标记外观的演示，我可能会提供帮助；虽然也许那些熟悉 tinyMCE 的人可能已经知道足够的帮助。

我喜欢从tinymce里面的图片触发事件。我正在使用 tinymce jquery 版本

但是标记是什么样的（在浏览器中查看源代码）。

【参考方案1】：

你不能那么容易地从 ed.getContent() 中获取元素。您必须解析 javascript 字符串才能这样做。

我假设您想访问您在其他问题中引用的图像标签。 这可以通过点击轻松完成：

ed.onClick.add(function(ed, evt)

    // Firefox
    if (evt.explicitOriginalTarget)
      if (evt.explicitOriginalTarget.nodeName.toLowerCase() == 'img')
        console.log(evt.explicitOriginalTarget); // this is the img-element
      
    
    // IE
    else if (evt.target) 
      if (evt.target.nodeName.toLowerCase() == 'img')
        console.log(evt.target); // this is the img-element