javascript - ckeditorでドラッグを無効にする

Question

ckeditorで問題が発生しています。HTMLのページ全体をckeditorにロードしています。読み込み中です。ユーザーがデータ（テキスト）のみを編集できるようにし、その配置は編集できないようにします。ただし、エディターでは、各divはドラッグ可能です（Office Wordのテキストボックスのように）。これらの領域をロックするにはどうすればよいですか。

Answer 1

ckeditorの代わりにJeditableの使用を検討するかもしれません。このようにして、ユーザーが各テキストブロックを個別に編集できるようにすることができます。

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'
});