Question

我使用工具提示（http://iamceege.github.io/tooltipster/）弹出了一个包含要在其中使用CKEditor的文本区域的弹出窗口。我已经安装了4.10.1版，并且可以在标准页面上使用，但是在弹出窗口中使用时遇到了问题。

编辑器正确显示，但是提交表单时，CKEditor中内容的更改未通过。 console.log显示的文本区域内容与最初加载工具提示弹出窗口时的内容相同。

如果我禁用CKEditor，内容将正确更新。

文本区域是通过以下代码创建的：

在编辑任何字段之后提交页面内容的脚本是

<td class="main" width="100%"><?php echo zen_draw_textarea_field('products_description[' . $languages[$i]['id'] . ']', 'soft', '100%', '30', htmlspecialchars((isset($products_description[$languages[$i]['id']])) ? stripslashes($products_description[$languages[$i]['id']]) : zen_get_products_description($pInfo->products_id, $languages[$i]['id']), ENT_COMPAT, CHARSET, TRUE), 'class="editorHook"');?></td>

调用CKEditor的脚本是

// start confirm edit product script
$(document).ready(function() {
    // Variable to hold original content
    var original_content = '';
    $('.product-edit-<?php echo $products_id; ?>').submit(function(e){
        e.preventDefault();
        console.log($(this).serialize());
        $.ajax({
            url: 'product_edit_update_ajax.php',
            type: 'POST',
            data: $(this).serialize(),
            dataType: 'html'
        })
        .done(function(data) {
            //console.log(data);
            var obj = JSON.parse(data);
            $('.tooltip-edit-<?php echo $products_id; ?>').tooltipster('close');
            var elem = $('.model-<?php echo $products_id; ?>');
            var elem2 = $('.name-<?php echo $products_id; ?>');
            elem.fadeOut('slow', function() {
                elem.html(obj.asHtml).fadeIn('slow', function() {
                    elem.delay(1200).fadeOut('slow', function() {
                        elem.html(obj.model).fadeIn('slow');
                        elem2.html(obj.name).fadeIn('slow');
                    });
                });
            });
        })
        .fail(function(){
            alert('Ajax Submit for Edit Product Failed ...'); 
        });
    });
});
// end confirm edit product script

我需要使用特定设置来使CKEditor在工具提示中起作用吗？

在工具提示弹出窗口中使用时，CKEditor不保存更改

0 个答案: