اختبر مؤلف الموسيقى الجديد لدينا!

لقد عملنا على وضع محرر نص منسق جديد لوحدة الإنشاء الخاصة بنا لتسهيل الكتابة على Discourse. نحن الآن على استعداد لبدء اختباره للحصول على المزيد من التعليقات من مجتمعنا حول هذه الميزة!

يعتمد تنفيذنا على ProseMirror الممتاز ووحدة Markdown غير الأساسية الخاصة به، باستخدام مخطط الوحدة وتعريفات التحليل والتسلسل كأساس لميزات Discourse الإضافية الخاصة.

سيُستخدم هذا الموضوع كدليل لاختبار وحدة الإنشاء الجديدة وكمركز لتتبع التعليقات. شكراً مقدماً على كل مساعدتكم! :sparkling_heart:

:gear: استخدام وحدة الإنشاء الجديدة في مجتمعك

ما زلنا نعتبر وحدة الإنشاء تجريبية، ولكن يمكنك البدء في استخدامها في مجتمعك عن طريق تمكين إعداد rich editor.

:writing_hand: التعرف على وحدة الإنشاء الجديدة

وحدة الإنشاء الجديدة هي محرر نص منسق يبسط تجربة الكتابة، خاصة للمستخدمين غير التقنيين الذين ليسوا مرتاحين مع Markdown. لا يزال هذا المحرر يدعم Markdown، ولكن يتم عرض التنسيق على الفور لتجربة WYSIWYG (“ما تراه هو ما تحصل عليه”) التي تبدو مشابهة لأدوات التأليف الحديثة الأخرى على الويب (مثل Notion أو Google Docs).

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

toggle

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

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

:green_circle: الميزات المدعومة

الميزات التالية مدعومة في وحدة الإنشاء الجديدة:

  • القدرة على إضافة عنوان وتعيين فئات وعلامات
  • محرر أحادي اللوحة عند التواجد في وضع محرر النص المنسق (أي لا توجد لوحة معاينة)
  • مفتاح للتبديل بين وضعي محرر Markdown فقط ومحرر النص المنسق
  • التنسيق الأساسي [1] مدعوم في Markdown، واختصارات لوحة المفاتيح، وأيقونات شريط الأدوات
  • دعم الرموز التعبيرية
  • التحويل التلقائي لـ Markdown إلى نص منسق عند لصق نص عادي (على سبيل المثال، **bold**bold)
  • التحويل التلقائي للرموز التعبيرية (على سبيل المثال، :):slight_smile: )
  • واجهة مستخدم للصور لإعادة تحجيم الصور المضافة أو إضافة تسميات توضيحية لها أو تنظيمها في شبكة
  • واجهة مستخدم للروابط لزيارة الروابط المضافة أو تعديلها أو نسخها أو إزالتها وتغيير عناوينها
  • واجهة بناء الجداول
  • واجهة بناء الاستطلاعات
  • الحواشي السفلية
  • دعم الإشارات والوسوم
  • علامات HTML المضمنة <html> [2]
  • استبدالات الطباعة (على سبيل المثال، ™ ، → ، ± )
  • تحميلات الصور
  • مرفقات الملفات
  • اقتباسات المواضيع والدردشة
  • إخفاء التفاصيل
  • إخفاء التلميحات (مع قيود، انظر قسم الميزات المفقودة)
  • Oneboxes
  • التحويل التلقائي للخط الأفقي (أي كتابة --- تتحول إلى خط أفقي)

:red_circle: الميزات المفقودة

الميزات التالية التي نعرف أنها مفقودة حاليًا أو غير مدعومة بالكامل بعد في وحدة الإنشاء الجديدة:

  • واجهة الجدول لإضافة أو إزالة الأعمدة والصفوف بعد إنشاء الجدول
  • واجهة الاستطلاع لتعديل الاستطلاعات التي تم إنشاؤها سابقًا
  • دعم شريط الأدوات لإضافة العناوين
  • دعم محسّن لإخفاء التلميحات لإضافة إخفاء إلى النص الموجود، ودعم الإخفاء المضمن، وتسهيل إزالة الإخفاء.
  • أي شيء آخر غير مذكور صراحة في قسم الميزات المدعومة (على سبيل المثال، دعم مخططات Mermaid)

:mega: الاختبار ومشاركة ملاحظاتك

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

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

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

:bug: الأخطاء

  • في Firefox، يبدو أنه لا يمكنك وضع المؤشر أمام الإشارة عندما تبدأ المنشور (إنه ممكن بالفعل ولكنه غير واضح بصريًا)

:art: مشكلات تجربة المستخدم

  • منع تنسيقات جزئية معينة على الروابط لتجنب التنسيق غير المتوقع
  • تطبيق عرض مرئي / تحقق متوقع للوسوم الفئوية وعلامات التصنيف وقنوات الدردشة
  • تطبيق عرض مرئي / تحقق متوقع للإشارات للمستخدمين والمجموعات
  • يتم تركيز المؤشر داخل الاقتباس (بدلاً من السطر أدناه) عند بدء منشور باقتباس أو عند نسخ / لصق الاقتباسات

:wrench: تحسينات المطور

  • تحسين تحليل HTML المضمن (على سبيل المثال، لـ <a>)

  1. غامق، مائل، تسطير (لا يوجد دعم لشريط الأدوات)، يتوسطه خط (Markdown فقط عبر ~~ )، روابط، اقتباسات، كود، مربع اختيار (Markdown فقط عبر [ ]؛ دعم شريط الأدوات قريباً)، قوائم نقطية، قوائم مرقمة ↩︎

  2. يتم تحويل بعضها إلى أقرب تنسيق Markdown (على سبيل المثال، s، strike، strong، b، em، i، code؛ u غير مدعوم بشكل خاص لأنه لا يتم تحويله إلى تسطير فعلي)؛ سيتم السماح للبعض الآخر كعقد “html_inline” (على سبيل المثال، kbd، sup، sub، small، big، del، ins، mark) ↩︎

71 إعجابًا

يبدو جيدًا!

هناك بعض المشكلات المتعلقة بعلامات الإفساد (spoiler tags):

  1. إذا قمت بتحديد بعض النصوص واخترت “إخفاء الإفساد” (Blur Spoiler)، فسيتم استبدال النص بـ “سيتم إخفاء هذا النص” (This text will be blurred)، مما يؤدي إلى فقدان ما قمت بتحديده.

  2. علامات الإفساد المضمنة لا تعمل، حيث يتم وضعها في سطر جديد.

  3. لا توجد طريقة لإلغاء تفعيل علامة الإفساد مرة أخرى.

11 إعجابًا

شكراً لك شون، لقد لاحظت في المنشور الأصلي أن لدينا المزيد من العمل الذي يتعين القيام به فيما يتعلق بالمفسدين.

9 إعجابات

كنت أنتظر هذه الميزة وهي رائعة أن Discourse اتخذت هذه الخطوة أخيرًا :clap:

شيء واحد فقط في الوقت الحالي: يبدو غريبًا أن يكون لديك مساحة نص ضيقة جدًا لكتابة مشاركاتنا.

من الواضح أنني كنت معتادًا جدًا على العرض جنبًا إلى جنب للمؤلف والمعاينة، لكن هذا يبدو الآن… غريبًا. ربما أحتاج فقط إلى وقت. نعم، على الأرجح. :smile:

18 إعجابًا

تقدم رائع! :heart:
الشيء الثاني الذي لاحظته هو أن النمط الحالي لا يتم تبديله بصريًا (وتشغيله وإيقافه) في شريط الأدوات على الرغم من أنه يظل ساري المفعول. سيكون من اللطيف حقًا لو تم تمييز النمط الحالي حتى يتم إيقاف تشغيله.
هذا كل شيء في الوقت الحالي!
(استنادًا إلى ملاحظاتي من سمة اللون الكهرماني الرمادي)

15 إعجابًا

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

10 إعجابات

عيب غريب بعض الشيء ولكنه يحدث لمؤشر الرد عند فتح برنامج التأليف.\n\n

\n\nسأقوم بالاختبار بالكامل عندما أكون على سطح المكتب لاحقًا ولكنه يبدو واعدًا.

4 إعجابات

أخيرًا هنا! :heart_eyes: لقد تم بذل الكثير من العمل؛ عمل رائع! سيكون هذا ميزة كبيرة للمستخدمين غير المريحين مع Markdown.

مشكلة تحميل حساسة:

إذا كنت تقوم بتحميل صورة ثم تنتقل إلى markdown، فإن تحميل markdown غير موجود هنا ويؤدي إلى حدوث خطأ:
image

وعلى العكس من ذلك، عند التحميل من markdown، ثم التبديل إلى المحرر الجديد لا يحدث خطأ، ولكن الصورة لا تظهر.

12 إعجابًا

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

11 إعجابًا

نعم، أفكاري هي نفسها. الحظر يبدو فكرة جيدة!
عند تحميل صورة كبيرة باتصال بطيء، لم أستطع إلا اختبار المفتاح حتى يتم الانتهاء. :grinning_face_with_smiling_eyes:

11 إعجابًا

التصميم الجديد يبدو رائعًا. أحب كيف تتكرر Discourse بمرور الوقت، وتجرب أفكارًا جديدة وتشرك المجتمع.

بعض الملاحظات الذاتية، إذا كنت تبحث عن ملاحظات:

  • زر المحاذاة (يمين/يسار) هو أيقونة غير تقليدية، وميزة تبدو متخصصة جدًا. نظرًا لأن الأيقونات تنتقل إلى سطرين على الهاتف المحمول، سأقوم ببساطة بإزالة هذه الميزة. وبالمثل، فإن ميزة “إدراج التاريخ” متقدمة/متخصصة ويمكن إخفاؤها ضمن قائمة :gear:. وبهذه الطريقة، ستتناسب جميع الأيقونات المتبقية في سطر واحد.
  • كانت ميزة تحميل الفيديو مربكة بالنسبة لي، حتى كمستخدم تقني. ماذا سأقدم في مربع “مصدر الفيديو”؟ أيضًا، تصبح الأزرار مشوشة بصريًا بعض الشيء (انظر أدناه).
  • زر “M” (التبديل بين النص الخام والمعاينة) لا يكشف عن غرضه حتى تنقر عليه. هناك بعض المساحة الإضافية في الجزء السفلي من المنشئ بين أزرار :wastebasket: و GIF وأعتقد أن زر المعاينة سيكون منطقيًا أكثر هنا. وسيكون لديك مساحة لكلمة “معاينة”.

8 إعجابات

هذه ميزات قمنا بتمكينها على meta في وقت ما، ربما لتجربة. وهي غير متاحة افتراضيًا ويمكننا تعطيلها أو وضعها خلف قائمة :gear:

أتفق مع هذا. لست متأكدًا لماذا ندرج هذا دائمًا بشكل بارز في القائمة. أنا أستخدمه طوال الوقت بنفسي ولكني أستخدم أيضًا العديد من الميزات الموجودة خلف قائمة :gear: كثيرًا!

أتفق على أن نص المساعدة عند المرور فوقه سيساعد على اكتشافه.

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

9 إعجابات

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

قال ذلك:

  • لقد أزلت زر “إدراج فيديو” هنا في meta، والذي يتم توفيره من خلال مكون السمة Insert Video.

  • يعتمد زر “تبديل الاتجاه” على إعداد الموقع support mixed text direction الذي سنبقيه ممكّنًا في meta لأننا نختبر حاليًا وظائف متعددة اللغات بنشاط.

  • في meta لدينا أيضًا GIF و Ask AI التي نريد السماح بالوصول البارز إليها.

6 إعجابات

تهانينا للفريق! لقد لاحظت تباينًا حول الـ oneboxing. يؤدي لصق عنوان URL من المتصفح إلى إنشاء onebox، لكن كتابته لا تفعل ذلك. حتى تقوم بالتبديل مرة أخرى لرؤية معاينة markdown التي تؤدي إلى إنشائه.

اختبار: لصق من شريط المتصفح هنا: https://google.com/ الكتابة هنا: https://google.com

6 إعجابات

يؤدي الضغط على مفتاح الإدخال (Return) في محرر WYSIWYG الجديد إلى إنشاء فاصل سطر مزدوج (فاصل فقرة). لا يعجبني ذلك (على الرغم من أنني أفترض أن هذا أمر شخصي)، ولكني لا أحب ذلك بشكل خاص للقوائم النقطية/المرقمة، حيث توجد مساحة كبيرة بين عناصر القائمة.

  • هذا

  • كثير

  • جداً

  • كثير

13 إعجابًا

يمكنك الضغط على مفتاحي Shift + Enter لتجنب فاصل الأسطر المزدوج، على الرغم من أن هذا لا يعمل مع القوائم.
أتفق على أن تغيير السلوك هذا لا ينبغي أن يكون هو الوضع الافتراضي.

7 إعجابات

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

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

السيء:
الأزرار المنتشرة في كل مكان هنا مربكة، يجب أن يكون هناك مكان واحد لجميعها. استبدل أيقونة السهم المزدوج لأسفل برمز X. أيضًا، بدلاً من << ربما يمكن أن يكون مجرد محور Y قابل للسحب حتى نتمكن من التحكم في حجمه بدلاً من واحد أو إغلاقه؟

ما زلت أكره حقًا صف الأيقونات في الأعلى وقائمة التروس “المزيد”، إنها مزدحمة ومربكة للاستخدام. أتذكر أنه كان هناك موضوع حولها إلى حد ما ولكن لا يمكنني العثور عليه.

على جهاز الكمبيوتر الخاص بالعمل (ويندوز فايرفوكس) زر الماركداون مزاح.
image

لا يزال رائعًا أتمنى فقط لو تم إصلاح هذه الأشياء :+1:

تمت الإضافة إلى قسم :art: مشكلات تجربة المستخدم في المنشور الرئيسي لإصلاحها.

هذه ميزة مفقودة معروفة وشيء ننوي إضافة دعم لها:

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

لا يمكنني تحديد ما حدث خطأ بالضبط من هذا الوصف أو لقطة الشاشة - هل يمكنك مشاركة المزيد من التفاصيل حتى أتمكن من إلقاء نظرة؟

5 إعجابات

قد يكون مجرد رؤية بصرية، ولكن على الأقل بالنسبة لي يبدو أنه مرتفع قليلاً جدًا.

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