【问题标题】：Looking for an editor which closes HTML tags the way like Dreamweaver does [closed]寻找像 Dreamweaver 那样关闭 HTML 标签的编辑器 [关闭]
【发布时间】：2011-05-15 13:05:47
【问题描述】：

我非常喜欢 Dreamweaver 处理 XML 和 HTML 文档自动完成的方式。

当我输入</ 时，它会自动找到最近的打开标签并自动关闭它。所以当我有这个时：

<div class="wrapper">
    <h1>Hello, world!</

它会更新为：

<div class="wrapper">
    <h1>Hello, world!</h1>

如果再次使用此功能会很好，所以我想知道您最近是否遇到过支持它的代码编辑器。

我特别想知道 PHPStorm、Eclipse 或 Notepad++（可能是 NetBeans）是否可以通过一个不错的插件以某种方式说服。

请注意：

我不希望自动完成功能立即关闭我刚刚输入的标签。我发现以下行为很烦人：

<div class="wrapper">
    <h1

当我关闭标签时，它变成：

<div class="wrapper">
    <h1></h1>

所以这是我不希望接受的。

【问题讨论】：

标签： autocomplete editor dreamweaver notepad++ phpstorm

【解决方案1】：

你真的应该看看 Sublime Text：

http://www.sublimetext.com/

它具有许多自动完成功能，可帮助您加快编码速度。哦，这很性感！我不是 SublimeText 专家，但我知道它有很多很酷的 'sn-ps' 可以帮助加快编码速度。示例：
打字：

aTAB

将产生：

<a href=""></a>

将光标放在双引号之间，这样您就可以输入href。
打字：

div#wrapperTAB

将产生：

<div id="wrapper"></div>

光标在 div 标签之间。

您还可以获得一个名为 Zen Coding 的扩展程序，它可以让您输入以下内容：

div#wrapper>h1ALT+e

为您设置：

<div id="wrapper">
    <h1></h1>
</div>

光标在h1标签之间，所以你可以输入'Hello World!'

此外，它不会立即关闭您刚刚输入的标签。（就像你的“请注意”）

【讨论】：

你可能想看看这个：sublimetext.info/docs，然后再扔-1。特别是自动化部分：sublimetext.info/docs/extensibility/extensibility.html
-1 表示不恰当的词，但感谢您向我展示文档的努力。它指出要调用自动完成，我必须按 Tab 或 Ctrl+Space。之前我看到 NetBeans 默认提供这种自动完成功能，但我正在寻找一个不需要任何东西来关闭打开标记的编辑器，除了必须键入 </。我错过了什么吗？如果你能告诉我如何在 Sublime Text 中启用这种打字帮助，我很乐意给你 +100 代表。

【解决方案2】：

据我所知（虽然我自己不是它的用户）jEdit，通过 XML 插件（可通过插件管理器获得）增强了它的能力。

（我确定您已经尝试过 here 描述的 Notepad++ 方法。）

【讨论】：

【解决方案3】：

对于记事本++：

TextFX -> TextFX Settings -> Autoclose XHTML/XML Tag

在 NetBeans 中，默认情况下它适用于 XML 和 HTTP 文件。

【讨论】：

投票给错误答案是没有意义的。 Notepad++ 的自动关闭功能的工作方式我觉得根本没用。
好吧，在您更新问题之前，它已经足够有用了。
您的回答可能有用，但它永远不适合我的问题。清楚地说明了我正在寻找什么样的自动关闭。我只是添加了一个澄清以避免进一步的误解。

【解决方案4】：

我爱Netbeans。如果你只是做前端工作，我建议你使用 PHP 打包的。

编辑：

开启

<div class="wrapper">
    <h1>Hello, world!</

完成如下

<div class="wrapper">
    <h1>Hello, world!</h1>

开启

<div class="wrapper">
    <h1

它不会自动完成，但会为您提供完成标记的选项。
如果在<h1 之后存在空格，则表明属性有效。
输入> 后，它建议使用</h1> 关闭标签，如果您允许，您的光标将保留在关闭标签之前，以便您填写内容。

我建议您尝试一些建议并找到您最喜欢的。

【讨论】：

感谢您的建议。就像您所说的那样，它不像在 Dreamweaver 中那样快速和简单，但它肯定比其他编辑器在立即关闭标签时所做的更好。我仍在等待一个编辑器，它在标记辅助方面做得更好。

【解决方案5】：

我过去曾多次使用 Dreamweaver，并且喜欢这种快速关闭标签的方法。当我第一次开始使用 Netbeans 时，这是我不喜欢的一件事。今天我发现了可能使一切正常的设置。

在 Netbeans 中，转到工具 > 选项 > 编辑器 > 代码完成，然后在语言菜单中选择 HTML。选中标记为 Completion Offer End Tags After Less Than (

在即将发布的版本中已更正了一个错误。 http://netbeans.org/bugzilla/show_bug.cgi?id=204227

【讨论】：

【解决方案6】：

我会推荐PHPDesigner

【讨论】：

【解决方案7】：

PHPStorm 无需插件即可完成，所有 JetBrains 产品也是如此。

【讨论】：

在我看来并非如此。请参阅我在原始问题中的说明。
不，PHPStorm 以您“不会接受”的方式进行操作。但是你可以完全关闭它。你在运行 Windows 对吗？
是的，我使用的是 Windows7，我刚刚下载了最新的 PHPStorm。如果它是一个错误配置，那么找到一种方法来修复它会很棒。

【解决方案8】：

Komodo Edit http://www.activestate.com/komodo-edit 具有这种确切的行为。你也可以得到 Zen Coding。

【讨论】：

【解决方案9】：

如果您想在 Sublime Text 2 中输入 </ 时自动关闭打开的标签，请查看我最近为此目的制作的插件：https://github.com/kihlstrom/CloseTagOnSlash

【讨论】：

谢谢！编辑链接以指向正确的位置。

【解决方案10】：

Espresso App 正是这样做的。事实上，我通过谷歌搜索找到了你的问题，我希望在 Sublim 中复制这种确切的行为（我最近一直在试运行）。

但 Espresso 是一款出色的 Mac 应用，内置了这种精确的行为。

【讨论】：