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); 
    }); 
});