Summernote airmode：選択時ではなく、クリック時のエアモードをトリガー

Question

私はsummernote airmodeを使用してインラインエディタを作成していますが、現在のところ、ユーザーがテキストを選択/強調表示するときにエディタを表示します。私が望むのは、フォーカス/クリックしてテキストを選択しないときに、エアモードエディタを起動することです。私はこれを行う方法を知らない、助けてください。

これは私の現在のsummernoteのairmodeです：事前

で here

HTML

<div id="test"> 
    <h1>Hello, I'm calvanery</h1> 
    <h4>Select me</h4> 
</div> 

Javascriptを

<script> 
    $('#test').summernote({ 
    airMode: true, 
    callbacks: { 
      onFocus: function() { 
      console.log('Editable area is focused'); 

      } 
     } 
    }); 
</script> 

感謝210

Answer 1

SummernoteオプションでのonFocusを追加

、これを試してみてください：これはクリックでテキストを選択し、それが開きます

jQuery.fn.selectText = function() { 
    var doc = document; 
    var element = this[0]; 
    if (doc.body.createTextRange) { 
     var range = document.body.createTextRange(); 
     range.moveToElementText(element); 
     range.select(); 
    } 
    else if (window.getSelection) { 
     var selection = window.getSelection(); 
     var range = document.createRange(); 
     range.selectNodeContents(element); 
     selection.removeAllRanges(); 
     selection.addRange(range); 
    } 
}; 

：

callbacks: { 
    onFocus: function() { 
     $(this).next().find(".note-editable").selectText(); 
    } 
} 

のjQueryでSelectTextアドオンをポップオーバー。