javascript - 在ckeditor中禁用拖动

Question

我的 ckeditor 遇到问题。我正在将整个 HTML 页面加载到 ckeditor 中。它正在加载并显示正常。我想让用户只编辑数据（文本），而不是它的对齐方式。但在编辑器中，每个 div 都是可拖动的（就像 office word 中的文本框一样）。我怎样才能锁定这些区域。

Answer 1

您可能会考虑使用Jeditable而不是 ckeditor。这样，您可以单独允许用户编辑每个文本块。

Answer 2

您是否为div元素添加了自定义样式？就我而言，问题在于我有一些样式——尤其是overflow: hidden. 删除overflow,height和min-height规则对我有帮助：手柄消失了。

请注意，您仍然可以在实际显示内容的位置添加规则。

Answer 3

我之前使用过以下 JS 代码来禁用文本选择。您也许可以使用它来绑定到 div/拥有 ckeditor 实例的任何东西。请注意，这也会阻止用户选择文本（例如复制/剪切/等）。

// From http://chris-barr.com/entry/disable_text_selection_with_jquery/
$(function(){
    $.extend($.fn.disableTextSelect = function() {
        return this.each(function(){
            if($.browser.mozilla){//Firefox
                $(this).css('MozUserSelect','none');
            }else if($.browser.msie){//IE
                $(this).bind('selectstart',function(){return false;});
            }else{//Opera, etc.
                $(this).mousedown(function(){return false;});
            }
        });
    });
    $('.noSelect').disableTextSelect();//No text selection on elements with a class of 'noSelect'
});