Question

我真的很难过。我有一个使用bootstrap wysiwyg的模板，并且具有这种结构（在加载模板时动态添加）：

<div class="col-sm-10">
  <div class="summernote" style="display: none;"></div>
  <div class="note-editor">
    <div class="note-dropzone">//content</div>
    <div class="note-dialog">//content</div>
    <div class="note-handle">//content</div>
    <div class="note-popover">//content</div>
    <div class="note-toolbar btn-toolbar">//content</div>
    <textarea class="note-codable"></textarea>
    <div class="note-editable" contenteditable="true">  
       <p></p>
    </div>  
</div>

我注意到在检查代码时，我在编辑器中写的内容正被添加到p标签中。

我的问题是，我如何“捕获”用户在wysiwyg textarea上写的内容并在通过PHP中的$ _POST发送时收到它？

到目前为止，我的方法是：

获取p并添加ID

添加模糊功能，因此当用户停止书写并点击外部时，内容可以复制到隐藏的输入中

window.onload = function(){
 var paragraph = $('.note-editable').find('div').find('p:first');
 paragraph.id = 'pr';

 $("#pr").blur(function(){
   alert("This input field has lost its focus.");
 });
}

当然，我没有取得成功，现在我的脑袋有点烧焦了。任何帮助表示赞赏。

Answer 1

只需使用summernote的内置方法获取代码，然后使用jQuery将其转换为文本。

var html = $('.summernote').code();
$('#hiddenField').val($(html).text());

Answer 2

尝试在处理程序中使用CREATE VIEW Get_NewID AS SELECT NEWID() AS MyNewID GO事件input来检索this.textContent元素中的文本

＆＃13;

.note-editable

＆＃13;

$(".note-editable").on("input", function(e) {
  console.log(this.textContent)
})

＆＃13;

.note-editable {
  border:1px solid #000;
}

＆＃13;

从textarea获取文本并将其附加到隐藏的输入

2 个答案: