Question

我正在使用quilljs来允许用户实质上创建HTML，将其作为警报呈现给其他用户。我的表单的标记非常简单，如下所示。

但是，每当用户点击提交按钮时，我希望消息的帖子值包含quilljs生成的HTML。我可以通过JavaScript / jQuery，PHP或其他方法来做到这一点吗？

window.onload=function() {
  document.getElementById('date').setAttribute('min', yyyy_mm_dd(new Date()));
}
function yyyy_mm_dd(d) { return d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();}

$(document).ready(function() {
  var quill = new Quill('.quill-editor', {
    modules: { toolbar: true },
    placeholder: 'Attention: This is a very important message ...',
    theme: 'snow'
  });
});

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.4/quill.min.js"></script>
<link href="https://cdn.quilljs.com/1.3.4/quill.snow.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/>
<form class="col-md-8 mx-auto">
  <fieldset>
    <legend>New Alerts</legend>
    <div class="form-group">
      <label for="message">Message</label>
      <div class="form-control quill-editor" id="message" name="message" style="min-height: 8rem;"></div>
    </div>
    <div class="form-group">
      <label for="date">Display Until</label>
      <input type="date" class="form-control" id="date" name="date" />
    </div>
    <input type="submit" class="btn btn-primary" value="Save" />
  </fieldset>
</form>

在提交之前更改值

0 个答案: