Emmet: هل من الممكن التحكم في تسلسل السمات عند الانتشار في HTML؟

تم إنشاؤها على ٣ نوفمبر ٢٠١٥  ·  18تعليقات  ·  مصدر: emmetio/emmet

أرغب في أن تكون السمة class دائمًا هي السمة الأولى.

تريد أن تدعم هذه القضية؟ أضف مكافأة على ذلك! نحن نقبل المنح عبر

Enhancement

التعليق الأكثر فائدة

السؤال وثيق الصلة بهذا اليوم.
sergeche ما هي فرص حصول هذه المهمة على قائمة المهام؟

ال 18 كومينتر

عادةً ما يتم عرض جميع السمات بالترتيب الذي تظهر به في الاختصار ، ما لم يتم تحديد مقتطف بسمات أخرى للاختصار. هنا ما عليك سوى تغيير المقتطفات نفسها وإضافة سمة فارغة class في المكان الصحيح.

تضمين التغريدة
label.clasname<label for="" class="clasname"></label>
a.classname<a href="" class="classname"></a>
a[class=classname href="goo"]<a href="goo" class="classname"></a>

عادة ، يتم عرض جميع السمات بالترتيب الذي تظهر به في الاختصار ،

لا )

ولكن كيف يمكن إنشاء مثل هذا المقتطف ، على سبيل المثال: a.classname<a class="classname" href=""></a> ؟

لأنه لمقتطف a : https://github.com/emmetio/emmet/blob/master/lib/snippets.json#L691

الحل: إما حذف هذا المقتطف (تجاوزه بقيمة فارغة: "a": null ) ، أو تعديله: "a": "<a class=\"\" href=\"\"> ، ولكن بعد ذلك سيتم عرض السمة class دائمًا . أو أنشئ مقتطفًا جديدًا لا يحتوي على أي سمات في العنصر <a> .

جلالة ...
كتب "a": null, - http://take.ms/BHuO6
لم يتغير شيء: a.classname<a href="|" class="classname"></a>

كتب "a": "<a class=\"\" href=\"\">" - http://take.ms/98CIZ
غير قابل للاستخدام: a.classname<a class="" href="">|

كتب "a": "<a>",
no-no-no-no ، ديفيد بلين ، NO: a.classname<a>

هل أفهم بشكل صحيح أن الإجابة على سؤالي هي "مستحيل"؟ أم أنني أفعل شيئًا خاطئًا؟ )

من الملائم القيام بذلك - بأي حال من الأحوال ، تحتاج إلى تغيير النواة بحيث يمكنك تعيين أولويات الفرز للسمات

في أي ملف لحفر شيء؟ :)

بدلاً من ذلك: https://github.com/emmetio/emmet/blob/master/lib/filter/html.js#L21
من حيث المبدأ ، يمكنك كتابة المرشح الخاص بك ، والذي سيولد الإخراج الصحيح ، وتوصيله كملحق حتى لا تلمس النواة.

الخيار مع المرشح أفضل بكثير (أكره الدخول في جوهر التطبيق). أين يمكنني أن أقرأ عن API؟ أو ربما بعض الأمثلة؟

السؤال وثيق الصلة بهذا اليوم.
sergeche ما هي فرص حصول هذه المهمة على قائمة المهام؟

يمكنك كتابة عامل التصفية الخاص بك وعمل طلب سحب. لا توجد وثائق حول المرشحات ، ولكن هذه وظيفة شائعة تقبل اختصارًا تم تحليله في شكل شجرة كمدخل ويمكن تغييره ، على سبيل المثال ، سمات المبادلة

مقتطف معاد تعريفه لـ a (http://s020.radikal.ru/i717/1703/c0/8127577c2b25.png) ، بدون عوامل تصفية يعمل كما ينبغي: a.xxx -> <a class="xxx" href=""></a>
ولكن عند استخدام مرشح bem ، تكون النتيجة غير صحيحة ، ويتم تكرار اسم الفئة:
a.xxx|bem -> <a class="xxx xxx" href=""></a>
div.yyy>a.-xxx|bem -> <a class="yyy__xxx -xxx" href=""></a>
هل من الممكن تجنب هذا بطريقة ما؟ تضمين التغريدة

DDyst هذه الميزة موجودة في النواة الجديدة ، والتي لا تزال في إصدار ألفا لـ Atom

كيف تشاهدها / تجربها؟ )

سيرجي ، تلميح على الأقل في أي ملف للبحث عن هذه الفرصة بالذات - أنا أبحث في بنية الملف قد تغيرت كثيرًا O_o ... حتى الآن ، من الممكن التخصيص مباشرة في النواة بشكل صحيح فقط؟
نعم ، و | bem - كيف الآن؟
شل .. واعتقدت أن إيميت لا يمكن أن يكون أفضل بعد الآن ، ولكن ها هو قادم !!))

  1. انتقل إلى إعدادات مستخدم Emmet:
    التفضيلات -> إعدادات الحزمة -> Emmet -> إعدادات المستخدم
  2. أدخل المقتطف التالي:
{
  "snippets": {
    "html": {
      "abbreviations": {
        "a": "<a class='' href=''>"
        }
      }
    }
}

حسنًا ، نحصل دائمًا على جميع الروابط مع الفئات :)

إجراء التنفيذ الأولي لدمج السمات بترتيب عكسي عند حل المقتطفات: أولاً ، تلك المكتوبة في الاختصار ، ثم تلك التي تم الإعلان عنها في المقتطف (انظر رابط الالتزام أعلاه). هل هذا مشابه للسلوك المتوقع؟

هناك خيار آخر وهو الإعلان عن السمات الضمنية (مع وجود علامة تعجب في البداية) في المقتطف: "foo": "my-tag[title !class]" جوهر السمات الضمنية هو أنها تُعرض فقط إذا كانت لها قيمة. وهذا يعني ، في الواقع ، أنه باستخدام السمات الضمنية ، يمكنك تحديد الترتيب الذي يجب عرض السمات به ، بغض النظر عن ترتيب الإعلان عنها في الاختصار

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

planetoftheweb picture planetoftheweb  ·  3تعليقات

midgethoen picture midgethoen  ·  8تعليقات

fversepuy picture fversepuy  ·  5تعليقات

corysimmons picture corysimmons  ·  5تعليقات

deathmood picture deathmood  ·  15تعليقات