شريط أدوات التنسيق

I make a highly opinionated fork here :

https://github.com/linuxuser-gr/discourse-formatting-toolbar

It look like this and needs the maths plugin

Is there a way to move some buttons to the cog menu ;

إعجاب واحد (1)

The way to code the buttons in the cog menu is a bit different, you can take inspiration in my theme component : https://github.com/iunctis/md-composer-extras/blob/master/desktop/head_tag.html

Here is a button in the toolbar

api.onToolbarCreate(toolbar => {
    toolbar.addButton({
        id: "align_justify_button",
        group: "extras",
        icon: "align-justify",
        perform: e => e.applySurround('[wrap="justify"]\n', '\n[/wrap]', 'align_justify_text')
    });
});

Here is a button in the menu

api.addToolbarPopupMenuOptionsCallback(() => {
  return {
      action: "columns",
      icon: "columns",
      label: "columns_button"
  };
});

api.modifyClass("controller:composer", {
  actions: {
       columns() {
	  this.get("toolbarEvent").applySurround('[wrap="columns"]\n', '\n[/wrap]', "columns_text");
	}
  }
});
3 إعجابات

Yeah, TinyMCE WYSIWYG Editor is good option to work with. There are few other good providers as well. But I myself is familar to something old style of Wordpress, that’s why I would like to choose it.

هل هذه الإضافة متاحة كمكون سمة؟ شكرا

يوجد مكون سمة : https://github.com/iunctis/md-composer-extras

هناك عدد قليل من الخيارات المختلفة ولكنها تدور حول نفس الفكرة تقريبًا

نعم شكراً ستيفن، لكنني أفتقد خيار تلوين للنص في مكون السمة. شيء أكثر سهولة في الاستخدام من BBCode، ويفضل أن يكون مع منتقي الألوان ونص محدد مسبقًا.

لست متأكدًا مما إذا كان شيء كهذا قابلاً للتنفيذ في مكون سمة بصراحة. هناك فرع في مكون السمة مع خيار bbcode أساسي للألوان \u003chttps://github.com/iunctis/md-composer-extras/tree/color\u003e

لدي معرفة أساسية جدًا بالبرمجة لذا لست الشخص الذي يمكنه إنشاء أداة اختيار ألوان. لكنني سأقبل بكل سرور طلب سحب إذا أراد شخص ما ترقية المكون الإضافي!

أوه، أنا حقًا أحب كل خيارات التنسيق هذه وأنا أستخدم floatr بشكل حصري تقريبًا :wink:
أين أرى هذا الخيار كما هو مقتبس؟
في السمة الكلاسيكية لا يوجد خيار CSS لإضافة أو تعطيل الأزرار
وبعد التثبيت حصلت على هذا الخطأ:
/var/discourse# تم العثور على “! template-lint-disable ~” بشكل غير متوقع عند تقطيع المصدر، ولكن كان متوقعًا " template-lint-disable "

أعتقد أن هذا الخطأ لا يأتي من هذا المكون الإضافي. لأنني واجهته أيضًا - لم يؤد ذلك إلى تعطيل أي شيء. أعتقد أنه يأتي من النواة.

شكرا لك @Jagster لقد أضفت مكون السمة هذا

و “ألغيت تثبيت” المكون الإضافي واختفى الخطأ الآن لذا…

مثيرة للاهتمام :thinking: لأنني لا أستخدمها. هل يمكن أن يكون هناك مكون إضافي آخر يستخدم نفس الشيء؟

تبا… يجب أن أذهب وأتحقق مما إذا كنت قد نسيت ذلك بعد أن جربته →

عدت. لقد كان لدي ولكنه معلق. هل يمكن أن يكون إعادة البناء الثانية هي الحل هنا؟

تم حذف هذه الخيارات قبل بضع سنوات، وقد تعطلت مع إصدار أحدث من Discourse. للأسف، ليس لدي المعرفة أو الوقت لإعادة تطبيقها.

فيما يتعلق بمشكلتك، تحتاج إلى الاختيار بين المكون الإضافي أو مكون السمة وإلا فسوف يتعطل، فهما يتشاركان نفس الكود بشكل أساسي.

قم بإلغاء تثبيت مكون السمة إذا كنت ترغب في تجربة المكون الإضافي.

لاحظ أن هذا المكون الإضافي أو مكون السمة يتعطل أيضًا مع المكونات الإضافية مثل bbcode الرسمي لـ Discourse.

إعجابَين (2)

ربما/لعل الوقت قد حان لتغيير المنشور العلوي الذي يُعلم بذلك وتعطيل رابط GitHub؟ لأنه في الأساس لا يعمل بشكل صحيح.

لقد كانت فكرة رائعة (شكرًا لك)، وأتمنى لو كانت قياسية في Discourse، أو مدعومة كمكون إضافي.

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

إعجاب واحد (1)

ملحق شريط أدوات رائع! كنت أتساءل عما إذا كان بإمكانك إضافة bbcode ثنائي اللون للون الخلفية؟

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

أتساءل أيضًا عما إذا كانت هناك قائمة رئيسية بـ bbcodes التي يدعمها الملحق الخاص بك.

شكرا

أعتقد أنه يمكنني إضافة التوافق معه. الأساس البرمجي متوفر في هذا المكون الإضافي الرسمي: discourse-bbcode-color/assets/javascripts/lib/discourse-markdown/bbcode-color.js at main · discourse/discourse-bbcode-color · GitHub

سأفكر في الأمر. ربما لن أضيف زرًا :thinking:

لقد أضفت دعمًا لـ bbcodes التالية:

color=
size=
small
floatl
floatr
floatc
left
center
right
justify

إعجاب واحد (1)

شكرا جزيلا. نعم، نحن لا نحتاج حقًا إلى أزرار لكل شيء.
:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles: :discourse:

تمت إضافة الدعم لـ bbcode [bgcolor]

إعجاب واحد (1)

مرحباً! إذا تم وضع النص داخل علامات bbcode مع سطرين جديدين متتاليين، أو سطر جديد وحرف إرجاع متتاليين:

[center]
text "\n\n" text
[/center]

[center]
text "\r\n" text
[/center]

فيكون لدينا نص عادي مع علامات [center][/center] نفسها في المشاركات.

ولكن بهذه الطريقة:

[center]
text "\n" text
[/center]

أو بهذه الطريقة:

[center]
text text
[/center]

يكون bbcode مغلفًا بشكل صحيح ويكون النص في المنتصف.

كنت أعتقد أن هذا قيد من قيود discourse، ولكن ربما يمكننا فعل شيء حيال ذلك؟

لقد قمت بتمكين محرر غني (الزر الأول) والمكون الإضافي غير متوافق معه بعد.

في المرة الأخيرة التي تحققت فيها، كان من المفترض أن يعمل مع محرر markdown.

إعجابَين (2)