إضافة فئات إلى الروابط في محتوى المنشور للتنسيق

[alank (Andrew Lank)]

هل توجد طريقة لتجاوز إعادة تنسيق Discourse للروابط كما نرغب في عرضها كزر، وبالتالي نحتاج إلى نمط محدد؟

تم نشر الموضوع باستخدام خاصية .raw (لقد حاولت استخدام .cooked لكن يبدو أنها غير مدعومة رغم ما تشير إليه واجهة برمجة التطبيقات).

عند نشر <a aria-label="homepage-link" href="http://blablabla...">View Homepage</a>

يتم عرضه في منشور Discourse أو وصف الفئة كالتالي:

<div class="cooked"><a>View Homepage</a></div>

لقد جربت أيضًا

[View this page][http://blablabla]

وقد تم تحويله إلى:

<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">http://blablabla</a></div>

ومع ذلك، إذا أمكنني الحصول ببساطة على:

<div class="cooked"><a href="http://blablabla" class="onebox" target="_blank">View this page</a></div>

فربما أتمكن من استهدافه عبر CSS من عنصر الجسم لتطبيق نمط زر CSS الذي نحتاجه.

[alank (Andrew Lank)]

أعتقد أنه تم الحل…

[view this page](http://blablabla)

استهداف CSS باستخدام:

body.<insert name of top category here>-* div.cooked a

ومع ذلك

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

شكرًا مقدّمًا.

[Johani (Joe)]

الطريقة للقيام بذلك هي استخدام شيء مثل

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=link-button][Link Text](http://meta.discourse.org)[/wrap]

يظهر كما يلي

Link Text

والتنسيق هو

<div class="d-wrap" data-wrap="link-button">
  <p>
    <a href="http://meta.discourse.org">Link Text</a>
  </p>
</div>

وبإمكانك بعد ذلك تنسيقه في CSS باستخدام

[data-wrap="link-button"] {
  a {
    // تنسيقات الرابط
  }
}

يمكنك تغيير [wrap=link-button] إلى أي قيمة تريدها مثل

[wrap=custom-button]
أو
[wrap=home-link]
أو
[wrap=foobar]

ثم استخدم ذلك لاستهداف الرابط كما في المثال أعلاه.

[alank (Andrew Lank)]

@Johani، الأمر مثير للاهتمام جدًا! شكرًا لك على عملك في هذا الصدد، سنقوم بدراسة هذا الخيار. سيكون رائعًا لو تم تضمينه في وثائق API الخاصة بإعدادات الخصائص الخام (Post raw property settings) في المستقبل، أو في وثيقة مركزية تجمع وتحدد جميع الاحتمالات المتعلقة بخصائص التحديث/النشر (UPDATE:/POST: property) الخاصة بالنشر (Post).