Question

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

Answer 1

您可以考虑使用Jeditable代替ckeditor。这样，您就可以单独允许用户编辑每个文本块。

Answer 2

之前我使用了以下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'
});

Answer 3

您是否在div元素中添加了自定义样式？就我而言，问题是我有一些造型 - 特别是overflow: hidden。删除overflow，height和min-height规则对我有帮助：句柄消失了。

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

禁用在ckeditor中拖动

3 个答案: