Jquery 从ContentEditable div发布内容

我正在尝试制作一个非常简单的所见即所得文本编辑器。我只允许文本和图像。使用FileReader和jquery将这些图像附加到div中，并使用该图像的源base64附加一个img元素

我正试图将此信息发布到数据库中。我该怎么办

我使用的是Laravel4，表单也使用ajax发布得非常好，但只有在使用textarea输入时。当然，它不能包含任何图像，所以我已经切换了内容编辑部分

像这样的标记：

  {{ Form::open(array('url' => 'createpostaction', 'class' => 'newupdateform')) }}
    <div contentEditable="true" id="newupdate-text" class="form-control-addupdate">
      Add text and images...
    </div>
    {{ Form::submit('Post Update', array('class' => 'btn btn-primary submit-newupdate-btn')) }}
  {{ Form::close() }}

如果我没有使用图像，那么我只需要使用jQuery将文本放入文本区域，但我希望发布的数据包含文本和img标记

然后我将在PHP中处理base64图像等

---

这是可能的，或者我应该考虑另一种解决方案。

一个可编辑的div不是主要表单字段，那么它就不会出现在数组$\u POST上。尝试使用诸如$'newupdate-text'.text

$('.newupdateform').on('submit', function(e){
   e.preventDefault();
   $.ajax({
       url: $(this).attr('action'),
       data: { 
           formContent: $(this).serialize(),
           divContent: $('#newupdate-text').text()
       }   
   })
});

---

我要玩一玩，看看我能做些什么。顺便说一句，我从来没有想过用这个“动作”作为url。。。将来会好好利用它。

$('.newupdateform').on('submit', function(e){
   e.preventDefault();
   $.ajax({
       url: $(this).attr('action'),
       data: { 
           formContent: $(this).serialize(),
           divContent: $('#newupdate-text').text()
       }   
   })
});