Quill JS - html選択

Question

選択したテキストからhtmlを取得する方法について聞きたいのですが？ getSelectionメソッドは、純粋なテキストで使用できる範囲を返しますが、HTMLでは使用できません。

Answer 1

あなたは

var editor = new Quill('#editor', { 
 
    modules: { 
 
    toolbar: '#toolbar' 
 
    }, 
 
    theme: 'snow' 
 
}); 
 

 
function dump() { 
 
    var out = editor.root.innerHTML; 
 
    console.log(out); 
 
} 
 

 
// dump editor content as Parchment NOT html 
 
var b = document.getElementById('clk'); 
 
b.addEventListener('click', dump, false);

<script src="https://cdn.quilljs.com/1.0.0/quill.js"></script> 
 
<link href="https://cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet" /> 
 

 
<!-- Create the toolbar container --> 
 
<div id="toolbar"> 
 
    <button class="ql-bold">Bold</button> 
 
    <button class="ql-italic">Italic</button> 
 
</div> 
 

 
<!-- Create the editor container --> 
 
<div id="editor"> 
 
    <p><i>Hello</i> World!</p> 
 
</div><br><br> 
 

 
<button id="clk">Dump html</button>