Jhtmlarea - 使用 jquery 将 textarea 内容复制到另一个 textarea答案

【问题标题】：Jhtmlarea - copying textarea content to another textarea using jqueryJhtmlarea - 使用 jquery 将 textarea 内容复制到另一个 textarea
【发布时间】：2012-09-21 10:50:50
【问题描述】：

我正在尝试使用以下代码将文本从 jhtmlarea 复制到另一个 textarea，但它不起作用。

  <textarea id="attrArticleHtml"></textarea>
  <textarea id="attrArticleSecond"></textarea>

$(function() {
    $('#attrArticleHtml').keyup(function() {
        var textareaHtml = $('#attrArticleHtml').htmlarea('toHtmlString');
        console.log(textareaHtml);
        $('#attrArticleSecond').text(textareaHtml);

    });     
});

我应该使用什么 ID 来获取使用 keyup 复制的文本？似乎 jhtmlarea 正在使用 iframe，因此 attrArticleHtml 不正常。

【问题讨论】：

标签： jquery textarea jhtmlarea

【解决方案1】：

这对我有用：

 $("#ctl00_Kontent_taHtmlEditor").htmlarea({
    loaded: function() {
        var mycontrol = { jhtmlarea: this };
        $(mycontrol.jhtmlarea.editor.body).keypress(function(e) {
            var segedmezo = $("#divDrop").find("iframe").contents().find("body");
            $("#ctl00_Kontent_hfHtmlWithCodes").val(reduceCodes(segedmezo.html()));
        });
    },
    toolbar: [...

【讨论】：

【解决方案2】：

您应该使用 VAL()，而不是 HTML、TEXT。所以你的代码必须是这样的：

$(function() {
    $('#attrArticleHtml').keyup(function() {
        $('#attrArticleSecond').val($('#attrArticleHtml').val());

    });     
});

【讨论】：

【解决方案3】：

您需要为创建区域的参数添加负载。

 $("#attrArticleHtml").htmlarea({
                loaded: function () {

                    $(this.editor).find('BODY').keyup(function (e) { 

                    var htmlValue =  $('#attrArticleHtml').val();
                    $('#attrArticleSecond').val(htmlValue )

        });

如果这对您有用，请不要忘记点击代表。

【讨论】：