3

问候，溢出者！

我正在用 PHP 编写一个应用程序，它允许通过一个在 jQuery-UI 模态对话框中加载 CKEditor 实例的按钮来编辑各种内容块。

我的按钮可以启动对话框，如以下屏幕截图所示：

编辑按钮

替代文字

该示例显示了准备编辑的对话框内的“主要内容”内容。我目前这样做的方式只是出于演示目的的黑客攻击-我将重复的内容硬编码到隐藏的#dialog div中。

我想做的是拥有它，这样当按下“编辑主要内容”按钮时，所有内容（HTML、样式等）都会由 jQuery 传递到 CKEditor 实例中进行编辑，并且当一个 '在对话框中按下“保存/提交”按钮，更改将通过 Ajax 保存并传回正在编辑的页面。

在这一点上，我不太关心 Ajax 位，因为我需要使用 WordPress Ajax API，这超出了这个问题的范围。

不过，主要的事情是在单击“编辑主要内容”按钮时将数据从“Main_Content”div 传递到#dialog，然后将编辑后的数据从#dialog 窗口传递回“Main_Content”按下“保存更改”按钮后的 div。

任何帮助将不胜感激！我完全被困住了。

谢谢！

~PF

4

1 回答 1

2

听起来您正在寻找该html功能。

要在单击“编辑主要内容”按钮时将数据从“Main_Content”div 传递到#dialog：

$('#edit-main-content-button').click(function() {
    var content = $('#Main_Content').html();
    $('#dialog').html(content);
});

要在按下“保存更改”按钮后将编辑后的数据从#dialog 窗口传回“Main_Content”div，如下所示：

$('#dialog').dialog({
    /*
    your other settings/buttons
    */
    buttons: {
        'Save Changes': function() {
            // TODO: submit changes to server via ajax once its completed:
            var content = $(this).html();
            $('#Main_Content').html(content);
            $(this).dialog('close');
        }
    }
});
于 2010-04-19T16:42:11.590 回答