如何使Eclipse HTML编辑器正确缩进所有标签？

Question

目前的情况如下：

<div ng-controller="AppCtrl" layout="column" style="height: 500px;" ng-cloak>
    <section layout="row" flex>
        <md-sidenav class="md-sidenav-left" md-component-id="left"
            md-is-locked-open="$mdMedia('gt-md')" md-whiteframe="4">
        <md-toolbar class="md-theme-indigo">
        <h1 class="md-toolbar-tools">Sidenav Left</h1>
        </md-toolbar> <md-content layout-padding ng-controller="LeftCtrl"> <md-button
            ng-click="close()" class="md-primary" hide-gt-md> Close
        Sidenav Left </md-button>

这是废话。我想要正确缩进XML。围绕这样：

<div ng-controller="AppCtrl" layout="column" style="height: 500px;" ng-cloak>
    <section layout="row" flex>
        <md-sidenav class="md-sidenav-left" md-component-id="left"
            md-is-locked-open="$mdMedia('gt-md')" md-whiteframe="4">
            <md-toolbar class="md-theme-indigo">
                <h1 class="md-toolbar-tools">Sidenav Left</h1>
            </md-toolbar>
            <md-content layout-padding ng-controller="LeftCtrl">      
                <md-button ng-click="close()" class="md-primary" hide-gt-md>
                    Close Sidenav Left
                </md-button>

这是我的相关设置的外观：

怎么办？ （我已经检查过＆＃34;结构化文本编辑器＆＃34;链接，似乎没有相关的东西。）

是的，我知道，添加的空格可以在内联定位块元素中引起一些麻烦，但我可以忍受它。

我也用XML编辑器打开了HTML文件，但它的行为完全一样。

Answer 1

显而易见的解决方案是使用XML编辑器进行HTML格式化。

不幸的是，Eclipse并不是真的希望我们设置它，但它可能被迫这样做。

1. 最简单的方法是：右键单击文件，＆＃34;打开＆＃34; - ＆GT; ＆＃34;其他＆＃34; - ＆GT; ＆＃34; XML编辑器＆＃34;。它不起作用，如果文件以* .html结尾，Eclipse仍将以HTML格式打开文件。 Eclipse开发不知何故认为它没问题。
2. 在窗口中 - ＆gt;偏好 - ＆gt;编辑 - ＆gt;文件关联，选择＆＃34; * .html＆＃34;，然后添加＆＃34; XML编辑器＆＃34;给允许的编辑。单击＆＃34;默认＆＃34;将其设为默认值。不幸的是，即使这还不够，Eclipse开发人员认为它没问题。
3. 您无法删除＆＃34; HTML编辑器＆＃34;，因为它已被锁定，而Eclipse开发在某种程度上认为它没问题。
4. 现在转到General - ＆gt;内容类型 - ＆gt;文字 - ＆gt; XML。以下是与XML编辑器关联的文件的附加列表。将* .html添加到＆＃34; XML＆＃34;以及＆＃34; XML（格式错误的）＆＃34;领域。似乎，注册了相同的＆＃34;路径regexp＆＃34; - ＆GT; ＆＃34;编辑插件＆＃34;多个地方的字典，对Eclipse开发来说是好的。但它也使我们能够覆盖其锁定的默认设置。

该解决方案适用于Eclipse Oxygen，直到Kepler只需设置文件关联即可。