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

时间:2010-11-17 04:41:54

标签: javascript html configuration code-snippets

好的,我的问题并不像看起来那么广泛,总结了我8个月的努力:

我创建了可重复使用,可扩展的XHTML块,这些XHTML优雅地降级并且各种各样令人敬畏。我的大多数代码块都提供了一个Javascript交互层,并使用CSS进行样式设置。我开始将我的代码块作为“Snippets”拉入Dreamweaver,但它们是非智能的文本块。此外,一旦插入,我的漂亮代码块就会被实际使用Dreamweaver的非技术人员所破坏。

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

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

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

  8. 这是我认为的一个严格的要求列表,很多搜索引导我到Kompoze及其“智能小部件”,根据2004年的一篇随机文章,它表明可以创建XUL文件并且可以制作扩展,听起来有点模糊我想要。与Dreamweaver相比,文本编辑器本身不易破坏。

    所以是的,我在这个上追了太多兔子,热衷于解决软件+扩展或Webapp的问题。

    编辑: 顺便说一句,我确实想要调查一个高度定制的TinyMCE实例,但我不知道是否可行,除非有一些可用的后端,我现在仍然坚持使用本地文件编辑 - 甚至不在网络上服务器...

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

3 个答案:

答案 0 :(得分:2)

我会选择基于优秀markItUp!编辑器的解决方案。扩展它以满足您的要求非常简单。你可以添加复杂的逻辑,它很好而且有光泽。

我可能会将它与Jeditable结合用于内联节点编辑,并在Django之上构建整个内容,以方便和方便。完全可定制,易于使用,便携式和跨平台,易于设置以供离线使用。哦,所有免费和开源。

答案 1 :(得分:0)

您如何看待这种方法:

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

答案 2 :(得分:0)

您是否考虑过server-side includes指令是生成的页面还是shell命令? E.g:

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

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

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