web-dev-qa-db-ja.com

Tinymce iframeでjsを注入する簡単な方法は?

TinymceのiframeにJavaScriptを挿入するための直接のフックがあるかどうか私は思っていませんでしたか?

2
jayarjo

WordPressはTinyMCEエディタiframeに独自の外部スクリプトファイルを挿入します。例えばwp-includes/js/tinymce/plugins/wpembed/plugin.jsファイルを参照してください。

(function ( tinymce ) {
    'use strict';

    tinymce.PluginManager.add( 'wpembed', function ( editor, url ) {
        editor.on( 'init', function () {
            var scriptId = editor.dom.uniqueId();

            var scriptElm = editor.dom.create( 'script', {
                id: scriptId,
                type: 'text/javascript',
                src: url + '/../../../wp-embed.js'
            } );

            editor.getDoc().getElementsByTagName( 'head' )[ 0 ].appendChild( scriptElm );
        } );
    } );
})( window.tinymce );

plugin.jsファイルはtiny_mce_pluginsフィルタを使用してTinyMCEにロードされます。

2

可能ではありません、Tinymceはこの javascriptを使ってiframe を作成します。そのため、javascriptを編集して追加のjavascriptファイルをiframeにロードする必要があります。

JavaScriptをiframeに挿入するためのフックがないのはなぜでしょう。

0
amit