firefox 插件 - 文本结果 -> XML

Question

我正在开发一个 Firefox 附加组件。目前，一旦它收集了必要的信息并在后面做了一些正则表达式魔法，插件就会在另一个面板中将所有内容吐出为 html 格式。下面是格式化/解析收集的正则表达式数据的代码：

self.on("message", function onMessage(storedHistories) {
var historyList = $('#history-list');
historyList.empty();
storedHistories.forEach(
function(storedHistory) {
    var historyHtml = $('#template .history-details').clone();    
    historyHtml.find('.generator-text').text(storedHistory.generatorText);
    historyHtml.find('.selection-parent-text').html(storedHistory.anchorpText);
    historyList.append(historyHtml);
  });
 });

它将上述结果绑定到的 html 文件如下所示：

 <div id="template">
   <div class="history-details">
     <div class="generator-text"></div>
     <div class="selection-parent-text"></div>    
   </div>
 </div>

有没有办法从 js 中获取文本，并将其输出为 XML？我需要它来显示正确的 XML 容器，并且当其以 HTML 格式格式化时，容器就会消失（我假设它们被视为 HTML 标签）。这可能是一个非常愚蠢的问题，但我对这一切确实是个菜鸟，几乎没有任何 XML/js 经验。我确实在某处读到可以使用 XMLhttpRequest 来做到这一点，但是我不知道从哪里开始以及如何去做。

Answer 1

您正确地假设浏览器会将 XML 标签视为元素并仅显示该标签的内容。要让浏览器也显示标签，您需要将 XML 编码为 HTML（例如，< 变为 <）。我能想到的最简单的方法是更改​​，因为您已经在使用 jQuery（并假设storedHistory.generatorText 和storedHistory.anchorpText 是XML 字符串）这两行：

historyHtml.find('.generator-text').text(storedHistory.generatorText);
historyHtml.find('.selection-parent-text').html(storedHistory.anchorpText);

至：

historyHtml.find('.generator-text').text($('<div />').text(storedHistory.generatorText).html());
historyHtml.find('.selection-parent-text').text($('<div />').text(storedHistory.anchorpText).html());

请参阅从输入字段读取属性时 HTML 编码丢失了解更多信息 细节。

希望这有帮助。