html - 编辑环境中的 HTML 创作

Question

最近从发送给我的各种 word 和 excel 文件中生成了基于 HTML/CSS/Javascript 的报告，我正在努力研究如何在未来更好地做到这一点，理想情况下使办公室中的非技术用户能够完成许多任务目前交给我。

那里有许多 HTML 编辑器，但似乎没有一个明显擅长执行此类任务。例如，文档中的大多数表格都是通过厚框（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，它将您的 <thickbox/> XML 元素转换为您在上面描述的 HTML 结构。

要允许非技术用户完成您的某些任务，您可以使用Xopus使 XML 可编辑（演示）。您可以从 OOXML 进行初始转换，或者您可以使用 Xopus 中的复制/粘贴功能来允许他们从 Excel 复制内容并自动将其转换为您的 <thickbox/> 元素。

Answer 2

你试过FCKEditor吗？它非常流行，并在许多博客、wiki 和 CMS 中使用。它可以生成非常干净的 HTML 并且高度可定制。

Answer 3

让他们使用 Markdown，就像这里一样，并将渲染的 HTML 插入到您的模板中。