禁用在ckeditor中拖动

我的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规则对我有帮助：手柄消失了。

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