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

Question

我想使用 this code but changing the textArea to a divor any other jQuery terminal 可定位对象在 term.echo() 中显示它。

我通过将 html 第 1 行更改为 <div id="txtA"></div>

来做到这一点

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

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

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

谢谢。

Answer 1

使用这段代码，raw 会将 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>'));

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

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

How to insert and show html code in jQuery Terminal?

html

javascript

terminal

jquery

jquery-terminal