Question

我正在使用文本编辑器 - quilljs。问题是没有可能POST编辑器内容。这就是为什么我必须将所有编辑器内容复制/克隆到虚构的隐藏输入字段并使用它来发布文本。

问题在于我无法将设计标签（粗体，下划线等）复制到虚拟输入字段。

我该怎么办？

<div id="standalone-container">

  <div id="editor-container"></div>

</div>          
<input type="text" name="testMsg" id="testMsg">

JS

$('#editor-container').on('keyup', function() {
  $('#testMsg').val($(this).text());
});

Answer 1

试试这个。在我的示例中，在提交表单之前，我使用jquery用编辑器内容填充隐藏的输入。您可以通过将return true更改为false来查找是否有效，并检查隐藏的输入是否包含其中的内容。

var quill = new Quill('#editor', {
    theme: 'snow'
  });
  
  $('#form').on('submit', function (){
    var content = quill.container.firstChild.innerHTML
    $('#editor-input').val(content)
    return true
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<form id="form">
  <div id="editor"></div>
  <input id="editor-input" type="hidden" />
  <button type="submit">Submit</button>
</form>

使用html标签复制文本

1 个答案: