Question

我正在尝试使用下面的代码将文本从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不行。

Answer 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: [...

Answer 2

你应该使用VAL（），而不是HTML，TEXT。所以你的代码必须是这样的：

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

    });     
});

Answer 3

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

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

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

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

        });

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

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

3 个答案: