contenteditable div/Summernoteの次の段落に注目してください

Question

私はSummernoteを使用していますが、Mediumエディタを複製しています。

イメージを挿入するときに、自分の段落タグに挿入することのみ許可します。画像には段落タグを混在させることはできません。

私は各段落に 'has-image'のクラス内のイメージを与えます。私が今やりたいことは、そのクラスがあれば、段落の中のテキストをユーザーが入力することを許しません。

タグ内をクリックしようとすると、次の段落にフォーカスが移ります。

どうすればよいですか？私はその罰金選択を知っているが、実際に内部にカーソルを配置する方法を考えるカントので、私は次の段落のテキストを設定することができます

$(document).on('click', '.has-image', function() { 
    $(this).next('p').click(); 
}); 

：私は、次の段落をクリックしてから運をトリガーしようとしています。一例として

JSFiddle：http://jsfiddle.net/vXnCM/5583/

Answer 1

UがRange

$(document).on('click', '.has-image', function() { 

    r = document.createRange() 
    r.setStart($(this).next('p')[0],0); 
    window.getSelection().removeAllRanges(); 
    window.getSelection().addRange(r); 
}); 

NOTEで作業する必要があります。それだけでIEを除いて、最新のブラウザで動作します。

IEの機能の場合、チェックする場合はhttps://code.google.com/archive/p/ierange/