我可以使用什么软件/网络应用程序来编辑 HTML 页面？

Question

好吧，我的问题并不像看起来那么广泛，总结一下我 8 个月

的努力：我创建了可重用、可扩展的 XHTML 块，它可以优雅地降级，而且非常棒。我的大部分代码块都提供了 Javascript 交互层，并使用 CSS 进行样式设置。我开始将我的代码块作为“片段”拉入 Dreamweaver，但它们是不智能的文本块。而且，一旦插入，我漂亮的代码块就会被实际使用 Dreamweaver 的非技术人员破坏。

另外，因为它们是不智能的片段，所以我有一行 Javascript，它在初始化时配置代码块 - 请参阅这篇文章以获取有关我的方法的更多详细信息。但目前我必须复制单个代码块的次数与配置选项的数量一样多（因此每个“片段”与相同类型的另一个代码块可能仅存在一个配置值不同）。这是令人难以置信的蹩脚，它确实有效，但对我来说重新部署一堆片段是蹩脚且耗时的，而且我的团队很难记住所有的变化。

因此，在我看来，我有一系列要求，作为我将块放入的任何系统中最有可能解决的问题：

1. 插入的代码在插入时不会被系统修改
2. 要插入的代码需要允许配置 复制
3. 如果一旦插入，唯一可编辑的部分是文本节点，我会非常高兴
4. 并粘贴这些整个对象
5. 一个干净的界面，可以从我的代码块范围中进行选择

---

这是我认为的一个严格的要求列表，大量的搜索引导了我Kompoze 及其“智能小部件”，根据 2004 年的一篇随机帖子，建议可以创建 XUL 文件并进行扩展，这听起来模糊地像我想要的那样。与 Dreamweaver 相比，文本编辑器本身不易被破坏。

所以是的，我在这方面已经追过太多兔子了，热衷于寻找一种解决方案，无论是软件+扩展还是 Web 应用程序。

编辑： 顺便说一句，我确实想到要调查一个高度定制的 TinyMCE 实例，但我不知道这是可行的，除非有一些可用的后端，否则我现在只能在本地编辑文件 - 即使在网络上也不能服务器...

在我看来，这个问题的最佳答案将解决上述大部分问题，并在建议的同时提供一些一般的工作流程建议。

Answer 1

我会选择基于优秀的 markItUp! 编辑器的解决方案。扩展它来满足您的需求非常简单。您可以添加复杂的逻辑，而且它非常漂亮且闪亮。

我可能会将其与 Jeditable 结合起来进行内联节点编辑，并在顶部构建整个内容Django 的，为了简单和方便。完全可定制，非常易于使用，可移植和跨平台，并且易于设置以供离线使用。哦，而且都是免费和开源的。

Answer 2

您如何看待这种方法：

<div class="thing">
    <elements... />
    <script type="text/javascript">
      document.write('<span id="thing' + thingNo + '"></span>')
      new Thing().init({ id:'thing'+thingNo; });
      thingNo += 1;
    </script>
</div>

当然，您必须更改 Thing().init 以便它初始化父（而不是当前）节点。

Answer 3

您是否考虑过 服务器端包含，其中指令是生成的页面或 shell 命令？例如：

<!--#include virtual="./activePage.aspx?withParam1=something&param2=somethingelse" -->

或者

<!--#exec cmd="shellCommand -withParams" -->

您可以重复使用相同的页面或命令，并提供特定于每个 XHTML 页面中的每种用法的参数。