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插件。如果有其他方法传递DIV值而不使用.post（）jquery，请告诉我。或者使用textarea作为富文本编辑器容器。

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

提前致谢。

Answer 1

尝试使用val()代替text()来设置textarea

的值

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

此外，为确保此处不会发生冲突，您可以将代码包装在内：

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

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

1 个答案: