jquery - 在 jQuery 对话框中打开 jQuery WYSIWYG

Question

有没有办法在 jquery 对话框中加载 jquery wysiwyg 插件。

我尝试过，但当对话框打开时，编辑器以某种方式被禁用。

Answer 1

您需要通过单击(按钮)打开对话框来打开它。如果您在第一次初始化对话框时尝试这样做，它将不起作用。 (尽管您需要这样做(例如在您的 document.ready 函数中；从而初始化它两次)。 因此，在对话框打开事件中，您可能会看到如下内容:

$("#diaTemplate").dialog({
    width: 810,
    height: 700,
    modal: true,
    open: function(event, ui) {
        $("#divTemplate").html("<textarea cols='50' rows='12' tabindex='100' id='txtTemplate'></textarea>");
        $('#txtTemplate').wysiwyg({
            css: 'skin.css',
            rmFormat: true,
            controls: { html: { visible: true} }
        });
    },
    close: function(event, ui) {
        $("#divTemplate").html("");
    }
}).dialog("option", "title", "Add New Template").dialog("open");

请注意，您还必须动态创建文本区域。