如何在 jQuery 终端中插入和显示 html 代码？答案

【问题标题】：How to insert and show html code in jQuery Terminal?如何在 jQuery 终端中插入和显示 html 代码？
【发布时间】：2017-07-07 06:54:02
【问题描述】：

我想使用this code，但将textArea 更改为div或任何其他jQuery terminal 可定位对象以在term.echo() 中显示它。

我通过将 html 第 1 行更改为 <div id="txtA"></div> 来做到这一点

和document.getElementById('txtA').innerHTML = diff;的javascript第7行

我可以在 jQuery 控制台中显示 html 吗？

类似term.echo('<span id=\"txtA\"></span>') ?? 我得到的代码就像我使用<pre></pre>

谢谢。

【问题讨论】：

“jQuery 终端/控制台”到底是什么？
@AndrewLi 对不起：terminal.jcubic.pl
你想要term.echo('<span id=\"txtA\"></span>', {raw: true})，但是你需要在setTimeout中调用getElementById，否则当你调整浏览器大小时它不起作用，节点将被删除并替换为新节点。

标签： javascript jquery html terminal

【解决方案1】：

使用这段代码，raw会输出原始的html到终端，添加节点时会调用finalize，所以你可以修改它，当终端调整大小时也会调用finalize。

term.echo('<span id=\"txtA\"></span>', {
  raw: true,
  finalize: function(div) {
    document.getElementById('txtA').innerHTML = diff;
    // or using jQuery
    div.find('#txtA').html(diff);
  }
});

编辑：来自版本2.9.0

您可以回显 DOM 节点和 jQuery 对象。

term.echo($('<span id="txtA"></span>'));

请注意，如果您不想在调整大小时丢失内容，您仍然需要使用 finalize 选项。

【讨论】：