-1

我正在将 wysihtml5 编辑器与 Bootstrap 一起用于我正在开发的网站。我试图找到一种方法，使用 jquery 来捕获添加到所见即所得编辑器的任何内容，并将呈现的 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 保留在所见即所得编辑器 (#editor) 中，然后发布到 textarea (#editorResult) 中。

有人有解决方案吗？

4

1 回答 1

1

使用 jQuery 似乎很容易 $('.editorResult').val($('#editor').html());

您使用什么来触发按钮/击键取决于您。

见：http: //jsfiddle.net/UMSmu/

于 2013-11-05T17:52:05.840 回答