代码之家 › 专栏 › 技术社区 › danjah

我可以使用什么软件/webapp编辑HTML页面?

code-snippets configuration html javascript

danjah · 技术社区 · 14 年前

好吧,我的问题并没有看起来那么宽泛,总结一下我8个月的努力:

我创建了大量可重用、可扩展的XHTML,这些XHTML可以优雅地降级,而且非常棒。我的大部分代码块都提供了一个Javascript交互层,并使用CSS进行样式设置。我开始把我的代码块作为“片段”放到Dreamweaver中,但它们是不明智的文本块。而且,一旦插入,我漂亮的代码块就会被那些实际使用Dreamweaver的非技术人员弄乱。

另外,因为它们是不明智的片段,所以我有一行Javascript在初始化时配置代码块- see this post for further detail on my approach . 但目前,我需要复制一个代码块的次数与配置选项的次数一样多(因此,每个“代码片段”可能只与同一类型的另一个代码片段不同一个配置值)。这是难以置信的蹩脚,它的工作,但它的蹩脚和耗时的我重新部署一堆片段和我的团队很难记住所有的变化。

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

系统不会在插入时修改插入的代码
要插入的代码需要允许配置选项
如果插入后,唯一可编辑的部分是文本节点,我会欣喜若狂
复制并粘贴整个对象
从我的代码块范围中选择的干净接口

我认为这是一个很严肃的需求列表,大量的搜索让我找到了Kompoze和它的“智能小部件”,根据2004年的一篇随机文章,它建议可以创建XUL文件,并且可以进行扩展,听起来像我想要的。与Dreamweaver相比,文本编辑器本身不太容易受到破坏。

所以,是的,我已经在这个问题上追了太多兔子,热衷于寻找一个解决方案,无论是软件+扩展,还是Webapp。

编辑: 顺便说一句,我确实想到要调查一个高度定制的TinyMCE实例,但我不知道这是否可行,而且除非有一些好的后端可用,否则我现在只能在本地编辑文件—甚至在web服务器上也不行。。。

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

3 回复 | 直到 7 年前

simon ArrowInTree 14 年前

我会提出一个基于 markItUp! 编辑。扩展它以满足您的需求非常简单。你可以添加复杂的逻辑,它很好,很有光泽。

我可能会把它和 Jeditable 对于内联节点编辑,并在 Django ,方便快捷。完全可定制,令人惊讶的易于使用,便携式和跨平台,易于设置离线使用。哦,而且都是免费的和开源的。

mtelis 14 年前

你觉得这种方法怎么样:

<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,以便初始化父节点(而不是当前节点)。

Dour High Arch 14 年前

你考虑过 server-side includes 指令是生成的页面还是shell命令?例如。:

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

或

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

您可以重用相同的页面或命令,并为每个XHTML页面中的每个用法提供特定的参数。