نماذج الحقول النائبة

مرحباً :wave:

شكراً على هذا المكون :heart: إنه يناسب تمامًا ما أحاول تحقيقه الآن. في الواقع، كانت فكرتي الأولى هي أنه سيكون رائعًا إذا كان يمكن دمجه مع مكون Reply Template. ولكن للأسف، هذا غير ممكن كما أوضحت المشاركات أعلاه. :confused:


لقد وجدت حلاً بديلاً لاستخدامه كقالب، ويعمل مع link to new topics و link to new personal messages.

إليك كيف فعلتها:

  1. إنشاء نموذج عنصر نائب (للبساطة، أستخدم المثال في المشاركة الأصلية)

Your email: =NAME=-=COUNTRY=@example.com


  1. إنشاء رابط لموضوع جديد:
    لقد قمت بإعداد الرابط:
  2. category
  3. title
  4. body

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

<a href="https://meta.discourse.org/new-topic?category==CATEGORY=&title=This is a topic created by =NAME=&body=Hello :wave:
&nbsp;
This is a test topic... Let's see the placeholder form.
\
Your email: =NAME=-=COUNTRY=@example.com">Use template as new topic</a>

  1. إنشاء معاينة للموضوع

Selected category

=CATEGORY=

Topic title

This is a topic created by =NAME=

Topic body

Hello :wave:

This is a test topic… Let’s see the placeholder form.

Your email: =NAME=-=COUNTRY=@example.com


  1. إنشاء زر “Use template as new topic” (في المثال أعلاه، هذا رابط يمكنك جعله زرًا من هذا)

قم بإنشاء عنصر [wrap] من هذا النص. هذا يجعله متاحًا لاستهدافه باستخدام CSS وتنسيقه. أضيف هذا أدناه.

<a href="https://meta.discourse.org/new-topic?category==CATEGORY=&title=This is a topic created by =NAME=&body=Hello :wave:
&nbsp;
This is a test topic... Let's see the placeholder form.
\
Your email: =NAME=-=COUNTRY=@example.com">[wrap=template-button]Use template as new topic[/wrap]</a>

تنسيق [wrap=template-button]
شيء مثل :arrow_down_small:

Common / CSS

[data-wrap="template-button"] {
  background: var(--tertiary);
  color: var(--secondary);
  border-radius: var(--d-button-border-radius);
  padding: 0.5em 0.65em;
  transition: background 0.25s;
  &:focus,
  &:hover {
    background: var(--tertiary-hover);
    color: var(--secondary);
  }
}

سيبدو زر القالب هكذا :arrow_down_small:

template-button


Demo

Use template as new topic


آمل أن يساعد هذا الدليل الصغير شخصًا يحتاج إلى شيء مشابه :slightly_smiling_face:

تعديل: لقد قمت بإعداد منتقي فئات يضيف القدرة على إنشاء موضوع في فئات مختلفة.


Check the raw version of this post…

8 إعجابات