javascript - 即时将 XML 转换为 HTML，并添加 JavaScript 事件？

Question

我正在运行一个 Django 站点，其 XML 文本存储在 TextField 属性中。它存储为 XML 而不是纯文本，因为它大量注释了有关基础手稿的信息，例如缩写和符号。这是一个例子:

class Entry(models.Model):
  # Name and description. 
  chapter = models.ForeignKey(Chapter)
  latin_text = models.TextField()

这是 latin_text 的内容示例:

<initial type="2">I</initial>n <place type="0"><span>Ricmond</span></place> 
ten<abbr type="1">et</abbr> aeccl<abbr type="0">esi</abbr>a
de Cietriz .ii. hid<abbr type="0">as</abbr>. 

我现在想开始在我的 HTML 页面上显示该 XML 文本。

我知道我可以通过将原始 XML 放入 textarea 来显示它:问题是我想以更漂亮的方式显示它，使用:

• 样式(所有 abbr 元素为斜体，place 元素为粗体)
• 让用户探索缩写的 JavaScript 事件(当用户将鼠标悬停在 abbr 或 place 上时，显示弹出式解释)

我不确定 XSLT 是否可以满足我的需要，或者即使它可以与 HTML 一起使用。所以我的问题是:

• 我应该在将 XML 添加到 Django 数据库之前将其转换为 HTML 吗？
• 或者我可以使用 XSLT 或 JavaScript 即时完成我需要的所有呈现吗？

Answer 1

我会使用 xslt 对其进行转换，然后使用 javascript 以编程方式附加事件。它是数据并且事先转换它可以防止您以后以不同的方式解释它。 Html 应该只是布局并且与数据分开。您可以使用 Javascript 翻译它，但这对客户端来说会很费力。 Xslt 和 css 将更简洁，并且在 js 中附加事件是轻量级的。

不熟悉 Django，但也许可以查看这个答案:Can I use XSLT in Django?