Joomla 2.5 jQuery with TinyMCE

Joomla 2.5 jQuery with TinyMCE

本文关键字:with TinyMCE jQuery Joomla      更新时间:2023-09-26

今天我四处寻找了很长一段时间,似乎无法让它工作。

由于我想使用jQuery中的.remove()函数及其类似函数,我认为这将是一个"简单的过渡"。

目前在Joomla 2.5.9上,并试图在文章编辑器中访问TinyMCE。

有人能做到这一点吗?

我需要将该编辑器的内容加载到一个临时div或var中,然后使用一些类似$('#tmp').remove('...');的符号,最后将其放回活动编辑器中。

问题是,无论我尝试什么,我都会得到null作为回报:(

您需要通过TinyMCE Javascript API来完成这项工作。我为最近的一个项目执行了类似的任务,我可以推荐以下方法:

tinyMCE.onAddEditor.add( function() {
    tinyMCE.activeEditor.onChange.add( function( ed ) {
         var content = ed.getContent();
         // process the content here
         // ...
         ed.setContent( content );
    });
});

getContent()方法返回编辑器框架中的整个文本,包括HTML标记。之后,您可以将其动态加载为HTML并对其进行操作:

$( content ).remove( '...' );