Js-beautify: Embellecimiento de HTML incorrecto a partir de v1.6.5

Creado en 19 ene. 2017  ·  3Comentarios  ·  Fuente: beautify-web/js-beautify

Descripción

Hasta e incluyendo v1.6.4 , el embellecimiento funcionó bien para mis archivos HTML. Comenzando con v1.6.5 (incluido v.1.6.8 , actualmente más reciente), cada archivo se embellece incorrectamente.

Esta esencia muestra las diferencias en un archivo claramente (igual que a continuación pero con un git diff).

Puedo enviar más archivos para su análisis si es necesario.

¡Gracias!

Aporte

El código se veía así antes del embellecimiento:

<section class="miami">
    <div class="miami_content">
        <form novalidate>
            <ul>
                <li class="miami_container">
                    <div class="miami_search_content">
                        <icon class="miami_search_icon"
                            name="magnifier"></icon>
                    </div>
                    <div class="miami_input_content">
                        <input-extended input-type="search"
                            class="miami_input_text"
                            ng-focus="search.showCancel = true"
                            ng-blur="!search.searchText && (search.showCancel = false)"
                            translate="{ 'placeholder': 'directives.search.search' }"
                            ng-model="search.searchText"
                            ng-model-options="{ debounce: 300 }"
                            clear-icon="{ method: search.clearSearch }"
                            assign-controller-to="{ controller: 'ngModel', assignTo: 'search.ngModelController' }"></input-extended>
                    </div>
                    <div class="miami_right_content">
                        <div class="miami_right_content_cancel"
                            ng-show="search.showCancel">
                            <span class="miami_right_content_item"
                                select-fade="search.cancelSearch()"
                                translate="directives.search.cancel"></span>
                        </div>
                        <div class="miami_right_content_icons"
                            ng-show="!search.showCancel"
                            ng-transclude></div>
                    </div>
                </li>
            </ul>
        </form>
    </div>
</section>

Rendimiento esperado

Lo mismo (la entrada ya está embellecida).

Salida real

El código en realidad se veía así después del embellecimiento:

<section class="miami">
    <div class="miami_content">
        <form novalidate>
            <ul>
                <li class="miami_container">
                    <div class="miami_search_content">
                        <icon class="miami_search_icon"
                            name="magnifier"></icon>
                    </div>
                    <div class="miami_input_content">
                        <input-extended input-type="search"
                            class="miami_input_text"
                            ng-focus="search.showCancel = true"
                            ng-blur="!search.searchText && (search.showCancel = false)"
                            translate="{ 'placeholder': 'directives.search.search' }"
                            ng-model="search.searchText"
                            ng-model-options="{ debounce: 300 }"
                            clear-icon="{ method: search.clearSearch }"
                            assign-controller-to="{ controller: 'ngModel', assignTo: 'search.ngModelController' }"></input-extended>
                    </div>
                    <div class="miami_right_content">
                        <div class="miami_right_content_cancel"
                            ng-show="search.showCancel">
                            <span class="miami_right_content_item"
                                select-fade="search.cancelSearch()"
                                translate="directives.search.cancel"></span>
                    </div>
                    <div class="miami_right_content_icons"
                        ng-show="!search.showCancel"
                        ng-transclude></div>
    </div>
    </li>
    </ul>
    </form>
    </div>
</section>

Pasos para reproducir

Ambiente

SO: macOS Sierra 10.12.2

Ajustes

Ejemplo:

preserve_newlines: true,
max_preserve_newlines: 1,
end_with_newline: true,
wrap_line_length: 0,
wrap_attributes: "force",
eol: "\n"
html bug

Comentario más útil

Ha habido un montón de informes sobre esto. Gracias, echaré un vistazo.

Todos 3 comentarios

Ha habido un montón de informes sobre esto. Gracias, echaré un vistazo.

Está arreglado en # 1131

Funciona a las mil maravillas en v1.6.9, ¡gracias!

¿Fue útil esta página
0 / 5 - 0 calificaciones