إضافات MD Composer

[Johani (Joe)]

ستظل علامة مثل [center] تتطلب إضافة، لكنك محق يا @Steven

في وقت إنشاء هذا المكون، كان عليك استخدام علامات HTML <div>. ومع ذلك، يمكنك الآن استخدام [wrap="foo"][/wrap] في السمات أو المكونات.

يمكنك قراءة المزيد حول ذلك هنا:

Generic bbcode wrapper for theme components

I added this feature a while back and realised I didn’t post about it. You can now use a special syntax in markdown to have it cooked and usable in theme components without having to write a plugin. // wrapped in div.d-wrap [wrap=baz foo=bar]Content[/wrap] // wrapped in div.d-wrap [wrap=baz foo=bar] Content [/wrap] // wrapped in div.d-wrap [wrap=baz foo=bar] [/wrap] // this one will be rendered as a span.d-wrap instead of a div.d-wrap a [wrap=baz]Content[/wrap] b The name of the component w…

إليك مثال بسيط:

[wrap="center"] 
نص مضمّح في المنتصف 
[/wrap]

سيؤدي ذلك إلى إنشاء هذا الوسم عند معالجة المنشور:

<div class="d-wrap" data-wrap="center">
  <p>نص مضمّح في المنتصف</p>
</div>

يمكنك بعد ذلك استهدافه باستخدام مُحدد سمة CSS على النحو التالي:

[data-wrap="center"] {
  text-align: center;
}

وسينتج عن ذلك شيء مثل هذا في معاينة المحرر وفي المنشور المعالج:

أو:

[wrap="right"] 
نص مضمّح على اليمين 
[/wrap]

وسينتج عن ذلك هذا الوسم المعالج:

<div class="d-wrap" data-wrap="right">
  <p>نص مضمّح في المنتصف</p>
</div>

يمكنك بعد ذلك إضافة كود CSS التالي:

[data-wrap="right"] {
  text-align: right;
}

ليكون الناتج النهائي:

بما أن المكون يستخدم حاليًا سمة HTML align، فإن هذا التغيير يجب أن يكون متوافقًا بالكامل مع الإصدارات السابقة (100% backwards compatible).

جرّب ذلك متى ما أتيحت لك الفرصة، ولا تتردد في مراسلتي عبر الرسائل الخاصة إذا كان لديك أي أسئلة حول ذلك.