使用 TinyMCE,我可以轻松操作内容并将其发送回编辑器,如下所示:
// get content from tinyMCE
var content = tinyMCE.get('content').getContent();
// manipulate content using js replace
content = content.replace(/<\/?div>/gi, '');
// send back to tinyMCE
tinyMCE.get('content').setContent( content );
上面的代码工作正常。但是,我无法让它工作:
// get content from tinyMCE (it provides an html string)
var content = tinyMCE.get('content').getContent();
// make it into a jQuery object
var $content = $(content);
// manipulate the jquery object using jquery
$content = $content.remove('a');
// use a chained function to get its outerHTML
content = $("<div />").append( $content.clone() ).html();
// send back to tinyMCE
tinyMCE.get('content').setContent( content );
我的方法有问题吗?
设置和访问 TinyMCE 是正确的;问题出在我的使用上.remove()
:
$content = $content.remove('a');
由于 TinyMCE 的内容是单个对象,并且not对象的集合,其中一些是<a>
标签,该操作没有效果,返回的 html 与原始的相同。
为了删除链接,我需要这个:
$content = $content.find('a').remove();
我在此线程中收到澄清:$('#foo').remove('a') 和 $('#foo').find('a').remove() 之间的区别 https://stackoverflow.com/questions/8860045/difference-between-foo-removea-and-foo-finda-remove
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)