Question

我想问一下如何从所选文本中获取HTML？ getSelection方法返回可以与纯文本一起使用的范围，但不能与HTML一起使用。

Answer 1

您可以在编辑器quill变量

上使用root.innerHTML从编辑器获取html表示

＆＃13;

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

＆＃13;

<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>

＆＃13;

Quill JS - 获取HTML选择

1 个答案: