Js-beautify: HTML: विशेषताओं के मैन्युअल रैपिंग को संरक्षित करने के लिए एक विकल्प जोड़ें

को निर्मित 4 फ़र॰ 2017 · 19टिप्पणियाँ · स्रोत: beautify-web/js-beautify

--wrap-attributes विकल्प में ये संभावित मान हैं: auto|force|force-aligned|force-expand-multiline
यह सभी विशेषताओं को एक पंक्ति में संघनित करने या उनमें से प्रत्येक को ऑटो-रैप करने की अनुमति देता है।

क्या केवल प्रारंभिक रैपिंग को बनाए रखना संभव होगा?

html enhancement

स्रोत

Andikki

👍43

सबसे उपयोगी टिप्पणी

यह एक अच्छा विचार है, कोई भी विकल्प मैन्युअल रूप से लपेटने की अनुमति नहीं देता है।

एक विकल्प होना बहुत अच्छा होगा जो केवल force|force-aligned|force-expand-multiline प्रदर्शन करेगा यदि रैप लाइन की लंबाई (डिफ़ॉल्ट 120) को auto रूप में हिट किया गया है, केवल उतनी ही विशेषताओं को लपेटता है जितनी इसकी आवश्यकता है। auto-expand-multiline|auto-aligned विकल्प जैसा कुछ?

Robula 16 फ़र॰ 2017

👍16

सभी 19 टिप्पणियाँ

Robula 16 फ़र॰ 2017

👍16

@रोबुला
आपके पास अपने दूसरे पैराग्राफ में जो कुछ है, उसके लिए कृपया एक नया अंक खोलें।

bitwiseman 16 फ़र॰ 2017

@Montago , @Andikki - आप जो वर्णन कर रहे हैं वह एक विकल्प है जिसका नाम unchanged या preserve , सही है?

bitwiseman 9 जून 2017

@bitwiseman नहीं, "बल-संरेखित" जैसा एक और विकल्प ... लेकिन इसके बजाय "ऑटो-संरेखित"

इसे क्या करना चाहिए, बस उन सभी विशेषताओं को संरेखित करना है जिन्हें मैन्युअल रूप से लपेटा गया है।
अन्य सभी तत्व/गुण अछूते हैं।

Montago 9 जून 2017

@Montago - आह, और अधिक पसंद है align-only ।

bitwiseman 9 जून 2017

👍5

हाँ यह समझ में आता है :)

Montago 10 जून 2017

इसके लिए टक्कर!

roderickfung 6 सित॰ 2017

मैन्युअल रूप से कुछ विशेषताओं को एक नई लाइन पर और कुछ को एक ही पंक्ति पर रखना बहुत अच्छा होगा। तब मैं तय कर सकता हूं कि मुझे कौन सा चाहिए और बाकी सब कुछ स्वचालित रूप से स्वरूपित हो जाता है। धन्यवाद

neilshah2000 11 सित॰ 2017

👍3

@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)" />

Andikki 11 सित॰ 2017

सुनिश्चित नहीं है कि यह अनुरोध करने के लिए यह सही मुद्दा है, लेकिन मुझे लगता है कि 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">

waldnercharles 3 अक्तू॰ 2017

लगभग ऐसे 5 या 6 विषय सामने आए हैं, जहां लोग इस सुविधा के लागू होने की प्रतीक्षा कर रहे हैं। इसके नहीं होने के बाद से, यह बनाम कोड पर होना बहुत अच्छा होगा यदि इस संबंधित पंक्ति बनाम बल-संरेखण के लिए लपेटें और बल-संरेखण।

मैं

kaankucukx 21 जन॰ 2018

@kaankucukx सुनिश्चित नहीं है कि आपका क्या मतलब है? क्या यह पिछले उदाहरणों में शामिल है?

bitwiseman 23 जन॰ 2018

इसके लिए +1, मेरे पास वर्तमान में हैंडलबार्स के लिए force साथ सबसे अच्छे परिणाम हैं, लेकिन यह अभी भी मेरे हैंडलबार्स ब्लॉक में अवांछित रैपिंग का परिणाम है:

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

तथा

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

मुझे मैन्युअल रूप से न्यूलाइन की गई विशेषताओं की नई पंक्तियों को संरक्षित करने की आवश्यकता है, लेकिन सही इंडेंटेशन प्राप्त करें।

brokenalarms 2 अप्रैल 2018

👍1

FWIW यह किसी भी संपादक में काम नहीं करता है, जो मैंने पाया है, Intellij को छोड़कर। हालांकि इसे लागू होते देखना अच्छा लगेगा!

rwwagner90 14 जून 2018

FWIW यह किसी भी संपादक में काम नहीं करता है, जो मैंने पाया है, Intellij को छोड़कर। हालांकि इसे लागू होते देखना अच्छा लगेगा!

नेटबीन्स में भी काम करता है।

aimitservicesdev 27 सित॰ 2018

एफडब्ल्यूआईडब्ल्यू इसे वीएससीओडी में काम नहीं कर सकता है
Vue . के साथ विकास
एक्सटेंशन: प्रीटियर, वेटुर
स्वरूपण सभी html टैग और विशेषताओं को एक पंक्ति में वापस लाता रहता है। मैंने बहुत सारे सुझाए गए समाधान चलाए हैं।
यह जानना बहुत अच्छा होगा कि क्या लोगों के पास यह VSCode में .vue फ़ाइल के भीतर काम कर रहा है

christoferd 29 सित॰ 2018

@christoferd यही मुद्दा है। यह काम नही करता। जेएस-ब्यूटीफाई लाइन ब्रेक रखने में सक्षम नहीं है। यह हमेशा इसे एक पंक्ति में सेट करने वाला है।

मैं वेबस्टॉर्म का उपयोग करने के लिए वापस जा रहा हूं क्योंकि उनके पास अपना स्वयं का फॉर्मेटर है और यह लाइन ब्रेक के साथ काम करता है।

rwwagner90 29 सित॰ 2018

#1404 . से संबंधित

MacKLess 1 अक्तू॰ 2018

फिक्स @MacKLess पर काम करने के लिए धन्यवाद! मैं उत्सुकता से एक नई रिलीज़ की प्रतीक्षा कर रहा हूँ, इसलिए मैं इसे आज़मा सकता हूँ

rwwagner90 10 अक्तू॰ 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Js-beautify: HTML: विशेषताओं के मैन्युअल रैपिंग को संरक्षित करने के लिए एक विकल्प जोड़ें

सबसे उपयोगी टिप्पणी

सभी 19 टिप्पणियाँ

संबंधित मुद्दों