在编辑环境中进行 HTML 创作

Question

最近根据发送给我的各种 Word 和 Excel 文件生成了基于 HTML/CSS/Javascript 的报告，我正在尝试找出将来如何做得更好的方法，理想情况下使办公室中的非技术用户能够完成许多工作当前交给我的任务。

市面上有很多 HTML 编辑器，但似乎没有一个明显擅长完成此类任务。例如，文档中的大多数表格都是通过thickbox(jquery插件)显示的。除了表格之外，这还要求我将它们包含在具有各种 id 和 class 属性的 div 中，然后在页面顶部创建一个链接，如下所示:

<a href="#TB_inline?height=300&amp;width=700&amp;inlineId=tbtable2"
class="thickbox tablelink" title="Municipal Operating Expenditure (A$m)">Municipal Operating Expenditure</a>

我需要一个解决方案，它可以小心地处理我的模板，具有所见即所得的界面，而且还可以为此类事情提供简单的输入，而不会让那些在办公室里没有 HTML 知识的人感到沮丧，理想情况下让他们完全远离代码。

Answer 1

您不能为非技术用户提供如此复杂的 HTML 模板，并希望他们不会破坏它。没有 HTML 编辑器可以对比元素上的类属性更复杂的结构强制执行此类规则。

此场景需要使用 XML:您需要将内容和演示文稿分开。

您应该定义一种 XML 风格来描述您的报告。然后编写一个 XSLT，将您的 XML 元素转换为您上面描述的 HTML 结构。

要允许非技术用户执行某些任务，您可以使用 Xopus使 XML 可编辑 ( demo )。您可以从 OOXML 进行初始转换，也可以使用 Xopus 中的复制/粘贴功能来允许他们从 Excel 复制内容并自动将其转换为您的 元素。