使用 jquery 将实时数据从 div 复制/复制到 textarea

Question

我创建了一个使用 DIV 作为编辑器容器的富文本编辑器。如何将 DIV 值传递给 textarea？我已经使用 jquery 代码。当我实时查看它时它成功但是当我提交表单时，textarea 值为空。这是我的代码：-

HTML

<div id="rte" contenteditable="true" unselectable="off">
</div>
<textarea name='rteHide' id='stage'></textarea>

JQuery

$(function() {
$("#rte").keyup(function() {
    var content = $('#rte').html();
    $("#stage").text(content);
});
});

我将它用于 wordpress 插件。请让我知道是否有任何其他方法可以在不使用 .post() jquery 的情况下传递 DIV 值。或者使用 textarea 作为富文本编辑器容器。

我需要创建此编辑器，而不是使用当前现有的富编辑器，因为我们希望在未来进行增强。

提前致谢。

Answer 1

尝试使用val() 而不是text() 来设置textarea 的值

$("#stage").val(content);

另外，为了确保这里没有发生冲突，您可以将代码包装在里面：

jQuery(document).ready(function($) {
    $("#rte").keyup(function() {
        var content = $('#rte').html();
        $("#stage").val(content);
    });
});