Question

我已经创建了一个使用DIV作为编辑器容器的富文本编辑器。我怎样才能将DI​​V值传递给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); 
    }); 
});