繁体   English   中英

在Wordpress中的TinyMCE模式中加载TinyMCE编辑器

[英]Load a TinyMCE editor inside a TinyMCE modal in wordpress

我正在使用TinyMCE打开模式。 在该模式内,我想添加tinyMCE的实例。 我正在打开传递一些对象的模态。 我遵循了本指南

            editor.windowManager.open(
                //  Properties of the window.
                {
                    title: "TDSK's Dumb Shortcode Creator",   //    The title of the dialog window.
                    file:  url + '/tinymce-dialog.html',      //    The HTML file with the dialog contents.
                    width: 1000,                               //    The width of the dialog
                    height: 600,                              //    The height of the dialog
                    inline: 1                                 //    Whether to use modal dialog instead of separate browser window.
                },

                //  Parameters and arguments we want available to the window.
                {
                    editor: editor,   //    This is a reference to the current editor. We'll need this to insert the shortcode we create.

                    jquery: $,        //    If you want jQuery in the dialog, you must pass it here.
                    tinymce: tinymce
                }
            );

在tinymce-dialog.html中

var passed_arguments = top.tinymce.activeEditor.windowManager.getParams();
var $ = passed_arguments.jquery;

var jq_context = document.getElementsByTagName("body")[0];
$( function() {
    passed_arguments.tinymce.execCommand( 'mceAddEditor', false, $( '#sectionContent_1', jq_context )[0] );
} );

实际上,这会创建一个TinyMce实例,但该实例无法正常工作

在此处输入图片说明

可能原因是一个错误

TypeError:elm未定义

指向

    aria: function(name, value) {
        var self = this, elm = self.getEl(self.ariaTarget);

        if (typeof value === "undefined") {
            return self._aria[name];
        }

        self._aria[name] = value;

        if (self.state.get('rendered')) {
            elm.setAttribute(name == 'role' ? name : 'aria-' + name, value);
        }

        return self;
    },

是什么原因造成的?

最后,我不得不停止使用TinyMce模态,而使用引导程序模态。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM