Question

我目前正在开发一项实时功能。它是如何工作的，当用户在所见即所得的编辑器中输入时，所有文本都将在用户输入时被读取并将该文本放在div元素中。问题是，当我更改样式时，使其成为粗体文本，然后该文本仍然被复制为普通文本，即没有样式。我如何阅读该编辑器中包含其样式的文本，并将其放置在texteditor中？

我目前正在使用plugin作为wysisyg编辑器。

下面是我的代码，它读取文本并将其放在div中，但文本是正常的。

$('body').on('keyup', '.jqte_editor', function () {
    $('.element').text($(this).html());
});

更新

我已经尝试了.html()，但这会在特定文本周围添加html标记。如果在编辑器中将文本设为粗体，我希望文本在字面上显示为粗体。我不想看到这些标签。

Answer 1

您正在阅读文本，而不是元素的HTML

$('.element').text($(this).html());

需要

$('.element').html($(this).html());

Answer 2

.text()设置文字内容，使用.html()，如下：

$('body').on('keyup', '.jqte_editor', function () {
    $('.element').html($(this).html());
});

Answer 3

我认为您需要从中获取文字html而不是文本：

例如，如果您使用的jquery是这样的：

$('.example').html();

Answer 4

使用.html而不是.text

以下是修改后的代码

$('body').on('keyup', '.jqte_editor', function () {
    $('.element').html($(this).html());
});

Answer 5

正如其他答案一样，您需要使用.html();方法。为了告诉你，我做了一个有效的例子：http://jsfiddle.net/mfL5e/

$('.jqte_editor').jqte();

$('body').on('keyup', '.jqte_editor', function () {
    $('.element').html($(this).html());
});

我希望这有帮助！