将Javascript插入TinyMCE / YUI生成的iFrame中？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了将Javascript插入TinyMCE / YUI生成的iFrame中？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含942字，纯文字阅读大概需要2分钟。

内容图文

我试图将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>');
        });

    }

});

内容总结

以上是互联网集市为您收集整理的将Javascript插入TinyMCE / YUI生成的iFrame中？全部内容，希望文章能够帮你解决将Javascript插入TinyMCE / YUI生成的iFrame中？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端