html - 一起编辑多个 HTML/Markdown 页面的建议。任何用于将多个页面编辑为表格的工具？

Question

背景：我必须构建一堆类似的页面*，50 个或更多。他们分享了很多设计和内容，所以我将尽可能多地封装/重用样式和内容。尽管如此，每个页面都有独特的元素，并且可能有任意的设计元素，因此这些页面不能仅仅通过数据库或资源文件以编程方式制造。

什么可能有帮助：因为要跟踪的页面太多了，所以我想在一个大表格中编辑它们，而不是在一个长滚动的文本文件或单独的文件中。这将使比较和对比每个页面的代码变得容易。该表看起来像这样：

| Group | Page name | Description | Formatting | Header | Body | Footer |
|-------|-----------|-------------|------------|--------|------|--------|
| 1     | Page1     |text         |code        |code    | code | code   |
| 1     | Page2     |text         |code        |code    | code | code   |
| 2     | Page3     |text         |code        |code    | code | code   |

此示例中的前三个字段供我自己使用，或者可能会作为元数据进入页面，而其余字段显示“真实”代码的去向。

问题：

• 我在以表格形式编辑页面代码的想法上是否正确？有没有更好的方法来一起设置一组相似的页面？

• 如果表格编辑确实有意义，我应该使用什么工具？

我考虑过的工具：

• 文本/代码编辑器：好的，这并不奇怪，但我还没有找到任何代码编辑器可以让您将文件显示和编辑为由特殊标签定义的行和列。有这样的东西存在吗？

• 电子表格和结构化数据库：非常适合基本的行和列，但不适合文本编辑，多行行的显示很糟糕。

• 一个专门的“结构化文本”数据库：也许存在一个，但我的搜索结果是空的。大多数“文本数据库”用于非结构化/自由格式的文本。

• “表格编辑”：错误的想法，对吗？它们用于为表格结构生成代码，然后您可以在页面上显示这些代码，或者在数据库表单或报告中使用这些代码。

• 文字处理器。现在，我将使用 Microsoft Word 中的表格，将 HTML 视为普通文本。将页面宽度设置为 Word 的最大值 (22") 并且字体非常小，我需要的列有足够的空间。我失去了代码编辑器提供的所有帮助，这是一个很大的损失，但至少我能看到什么我在做。Word 有一个键盘命令，可让您在表格中将一行或多行作为一个块上下移动，这有助于比较页面。但另一个主要缺点是我仍然必须将表格导出到使用 Word VBA“宏”的 CSV，然后编写一个小脚本来循环遍历 CSV 以创建实际页面。我还没有编写这些转换例程，所以如果您有任何替代建议，请执行。

*此项目的“页面”实际上是 Anki 卡片类型。

标签： htmlmarkdowneditoranki

Answer 1

嵌套文件

我之前所做的是将每个页面或页面元素构建为一个不同的文件，然后从另一个页面引用该文件。这最终出现在嵌套文件中，但它使在普通文本编辑器中编辑页面变得更加容易。

________________________________________________________________________________
| 头文件 |
| 脚本文件（或参考）|
| 正文文件 |
| 导航文件 | 内容文件 |
| | 更多内容文件（来自内容文件的参考）|
| 页脚文件 |
________________________________________________________________________________

如果需要，这可以嵌套得很深，但不是必须的。您可以从数据库中获取这些引用，而不是像往常一样在您的网站上将它们硬编码在逻辑中，但我不确定这将如何真正适用于 Anki 卡。

内容管理系统

如果您确实需要/想要将页面作为代码/文本存储在数据库中，我建议您自己构建一个内容管理系统 (CMS)。这涉及大量的前期工作，但它允许您完成所有您想做的工作并将其存储在数据库中。

我为自己和我的网站客户写了几篇文章，大多数时候这是一个漫长而艰难的过程。你必须从字面上考虑你想做的每一件事。从本质上讲，您是在重新创建 FrontPage 或 DreamWeaver，但很遗憾，您可能会做与他们一样糟糕的工作。也许更糟。至少我做到了。

如果您在此 CMS 中不以图形方式执行任何操作，则开发会更容易，但您仍需手动管理链接，类似于 StackExchange/StackOverflow 的工作方式：带有一行基本代码的文本框上面的“高级”功能按钮，具有一半 HTML 和一半 MarkDown 语法，由于不经常使用它们很容易混淆或丢失功能。

网站建设者

如果您还没有使用像 Anki 卡这样特定的东西，我建议您使用 WordPress 或 Drupal 之类的东西。这基本上就是他们所做的：将页面作为行存储在数据库中。当然，许多页面是使用 GUI 构建的，但有些人以编程方式构建页面。

如果你像我一样，你宁愿坚持手工编码一切。Wordpress 有安全问题，我很确定 Drupal 和所有其他人也有。人们为他们制作的插件似乎很少关心安全性，因此使用这些工具构建的站点通常容易受到攻击，除非您将站点托管在他们的服务器上，这通常也不是首选。此外，当插件更新而不是实际进行开发时，您最终会管理插件，或者我从专业从事此工作的人那里听到。您也许可以在那里编写您的页面，然后潜入数据库以将结果复制出来，但这似乎也是一种不太理想的做事方式。

结论

因此，似乎构建自己的解决方案似乎是您拥有的最佳选择。但是，通过构建 CMS，您可以像 SE/SO 一样立即呈现代码，也可以根据需要在同一窗口中进行并排比较。您可以根据需要使其简单或复杂，以及在需要时添加或删除功能。

同样，这可能并不容易，但它更有可能是您想要/需要的东西，而不是其他人想象的可能对一般人有帮助的东西。如果你让这个 CMS 足够有用，你甚至可以将它推销给使用 Anki 卡的其他人。不过，只是一个想法。