Question

我正在将一个wysihtml5编辑器与Bootstrap一起用于我正在开发的网站。我正试图找到一种方法，使用jquery来捕获添加到wysiwyg编辑器中的任何内容，并将呈现的html代码发布到将被隐藏的textarea标记。

示例编辑器文本/代码：

<div id="editor" class="editor" contenteditable="true">
  <font size="5"><b>Headline Goes Here<br></b></font>
  <span style="color: #000; font-family: Arial; line-height: 14px;"><font size="3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor auctor enim ac elementum. Etiam vehicula volutpat velit a aliquet.<br></font></span>
  <font size="1"><i>Footnote text goes here</i></font>
</div>
<textarea class="hidden editorResult" ></textarea>

textarea不需要换行符，但我最终会尝试将呈现的html保持在wysiwyg编辑器（#editor）中，然后发布到textarea（#editorResult）。

任何人都有解决方案吗？

Answer 1

使用jQuery看起来很简单 $('.editorResult').val($('#editor').html());

用于触发按键/按键的功能。

请参阅：http://jsfiddle.net/UMSmu/

获取WYSIWYG html代码并复制到textarea

1 个答案: