我试图将javascript(例如,原型/ jquery)插入/加载到TinyMCE(tinymce.moxiecode.com)或YUI的文本编辑器(http://developer.yahoo.com/yui/editor/)生成的iFrame中,以便更好地处理其中的对象/图像/ DIV.

TinyMCE生成的iFrame基本上是一个文本编辑器.我希望能够包含我可以操纵的div,向其添加侦听器等,以便“富文本编辑器”变得更富,而不仅仅是文本区域.

解决方法:

您可以将脚本标签动态添加到iFrame的文档中.脚本标签的内容将立即执行.

以下代码使用TinyMCE版本4,并已在IE7,IE8,FF和Chrome上进行了测试

tinymce.init({
    setup: function (ed) {
        // make sure the instance of the TinyMCE editor has been fully loaded
        ed.on('init', function (args) {
            // find the iframe which relates to this instance of the editor
            var iframe = $("#" + args.target.id + "_ifr");

            // get the head element of the iframe's document and inject the javascript
            $(iframe[0].contentWindow.document)
                .children('html')
                .children('head')
                .append('<script type="text/javascript">alert("Executing inside iFrame!");</script>');
        });

    }

});