我想从我的 contenteditable div 中正确复制我的数据,以便我可以将其提交到我的数据库。这将用于类似于 Facebook 的帖子。我的代码如下所示:
<div id="urlinput" class="isPlaceholder" role="textbox" spellcheck="true" aria-multiline="true" data-placeholder-default="This is the Status text" contenteditable="true">
</div>
输入一些数据后,html 看起来像这样:
<div id="urlinput" class="isPlaceholder" role="textbox" spellcheck="true" aria-multiline="true" data-placeholder-default="This is the Status text" contenteditable="true">This is line one<div>This is line two</div><div>This is line 3</div><div><br></div></div>
由于使用 contenteditable div,每一行都与另一个 div 分开,因此安全地执行此操作并仍然保持结构的最佳方法是什么,这样当我稍后从数据库中提取数据时,它仍然保持与我输入时相同的格式它在 View 中。
最佳答案
你可以试试这个:
var contentEditableContent = $('#urlinput').html();
你的内容可编辑div看起来很眼熟,是Medium Editor吗?如果是这样,您可以通过其 API 获取内容:
editor.serialize()['element-0'].value;
关于javascript - 将数据从内容可编辑 div 复制到隐藏输入以进行表单提交?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36117001/