Js-beautify: HTML: أضف خيارًا للاحتفاظ بالالتفاف اليدوي للسمات

هذه فكرة رائعة ، لا يسمح أي من الخيارات بالتغليف يدويًا.

سيكون من الرائع أن يكون لديك خيار من شأنه أن يؤدي force|force-aligned|force-expand-multiline فقط إذا تم الوصول إلى طول خط الالتفاف (الافتراضي 120) على أنه auto يلتف فقط بالقدر الذي يحتاجه من السمات. شيء مثل auto-expand-multiline|auto-aligned options؟

تضمين التغريدة
الرجاء فتح عدد جديد لما لديك في فقرتك الثانية.

Montago ، Andikki - ما تصفه هو خيار يسمى شيء مثل unchanged أو preserve ، صحيح؟

bitwiseman لا ، مجرد خيار آخر مثل "Force-Aligned" ... ولكن بدلاً من ذلك "auto-align"

ما يجب أن يفعله هو ببساطة محاذاة جميع السمات التي تم تغليفها يدويًا.
جميع العناصر / السمات الأخرى سليمة.

Montago - آه ، أشبه align-only .

نعم هذا منطقي :)

عثرة لهذا!

سيكون من الرائع أن يكون لديك بعض السمات يدويًا في سطر جديد وبعضها على نفس السطر. ثم يمكنني تحديد الشخص الذي أريده ويتم تنسيق كل شيء آخر تلقائيًا. شكرا

bitwiseman لا أعتقد أن المحاذاة ضرورية ، ولكن إذا كان الأمر كذلك ، فيجب أن يكون هناك خياران - أحدهما لتطبيق حجم المسافة البادئة المعتاد والآخر للمحاذاة - كل ذلك مع الاحتفاظ بفواصل الأسطر الأولية.

مثال
مصدر:

<input type="text"     class="form-control"  autocomplete="off" 
      [(ngModel)]="myValue"          [disabled]="isDisabled" [placeholder]="placeholder" 
  [typeahead]="suggestionsSource" [typeaheadOptionField]="suggestionValueField" [typeaheadItemTemplate]="suggestionTemplate"   [typeaheadWaitMs]="300"
                        (typeaheadOnSelect)="onSuggestionSelected($event)" />

إجبار المسافة البادئة فقط:

<input type="text" class="form-control" autocomplete="off" 
  [(ngModel)]="myValue" [disabled]="isDisabled" [placeholder]="placeholder" 
  [typeahead]="suggestionsSource" [typeaheadOptionField]="suggestionValueField" [typeaheadItemTemplate]="suggestionTemplate" [typeaheadWaitMs]="300"
  (typeaheadOnSelect)="onSuggestionSelected($event)" />

فرض المحاذاة فقط:

<input type="text" class="form-control" autocomplete="off" 
       [(ngModel)]="myValue" [disabled]="isDisabled" [placeholder]="placeholder" 
       [typeahead]="suggestionsSource" [typeaheadOptionField]="suggestionValueField" [typeaheadItemTemplate]="suggestionTemplate" [typeaheadWaitMs]="300"
       (typeaheadOnSelect)="onSuggestionSelected($event)" />

لست متأكدًا مما إذا كانت هذه هي المشكلة الصحيحة لطلب ذلك ، لكنني أشعر أن خيار auto-align يجب أن يعمل مثل auto ؛ التفاف بعد قطع عمود معين ، وإذا التفاف السطر ، فإنه يعامل العلامة مثل force-align .

مثال
محاذاة القوة عندما يكون طول الخط أكبر من طول خط الالتفاف:

<div [isWrapped]="false" [attributesAligned]="false"></div>

<really-long-angular-component-that-would-force-wrapping class="wrapped"
                                                         [isWrapped]="true"
                                                         [attributesAligned]="true">

تصفح 5 أو 6 مواضيع تقريبًا حيث يتطلع الأشخاص إلى هذه الميزة ليتم تنفيذها. نظرًا لأنه لم يكن كذلك ، فسيكون من الرائع الحصول على هذا على vscode مع متطلبات الالتفاف ومحاذاة القوة لهذا الصف المقابل مقابل.

😞

kaankucukx لست متأكدًا مما

+1 لهذا ، لدي حاليًا أفضل النتائج مع force للمقود ، لكنه لا يزال ينتج عنه التفاف غير مرغوب فيه داخل كتلة المقاود الخاصة بي:

   </label>
     {{#artdeco-hoverable-trigger placement="right"
      as
      |card|}}

و

  <ul class="text-ad-edit-panel__dropdown-list">
    {{#each yourCompanyPageTypes
      as
      |companyPageType
      index|}}

أحتاج فقط إلى الاحتفاظ بالأسطر الجديدة للسمات الجديدة يدويًا ، ولكن أحصل على المسافة البادئة الصحيحة.

FWIW هذا لا يعمل في أي محرر وجدته ، باستثناء Intellij. أتمنى أن أرى هذا تم تنفيذه بالرغم من ذلك!

FWIW هذا لا يعمل في أي محرر وجدته ، باستثناء Intellij. أتمنى أن أرى هذا تم تنفيذه بالرغم من ذلك!

يعمل في Netbeans أيضًا.

لا يمكن لـ FWIW تشغيل هذا في VSCode
تطوير الذكاء
الامتدادات: أجمل ، فيتور
يستمر التنسيق في إعادة جميع علامات وسمات html إلى سطر واحد. لقد تقدمت في الكثير من الحلول المقترحة.
سيكون من الرائع معرفة ما إذا كان هذا يعمل داخل ملف .vue في VSCode

christoferd هذا ما

أستمر في العودة إلى استخدام WebStorm لأن لديهم المنسق الخاص بهم ويعمل مع فواصل الأسطر.

متعلق بـ # 1404

شكرًا لعملك على إصلاحMacKLess! أنا بانتظار إصدار جديد بفارغ الصبر ، لذا يمكنني تجربته 😃