محرر يشبه Notion

أهلاً بالجميع،

بينما نواصل التعرف على Discourse والعمل معه، أدركت أن المحرر هو المفضل لدي بسهولة من بين جميع برامج المنتديات التي عملت معها على مر السنين. ومع ذلك، أعتقد أن
ما أوصي به هو محرر قائم على الكتل حيث يمكنك استخدام “/” وتظهر اختصارات سريعة. مثال على ذلك هو Notion ومحرر Tiptap.

إليك لقطة شاشة من Marktext، أحد محررات Markdown مفتوحة المصدر المفضلة لدي لسطح المكتب:

تتجه العديد من محررات Markdown نحو اختصارات الكتل، وأعتقد أن Discourse يمكن أن يستفيد من هذا المفهوم من حيث الشكل والوظيفة.

13 إعجابًا

أعتقد أن هذا سيكون عملاً كبيراً لجعل هذا يعمل بشكل مثالي.

بشكل غير مباشر، تم إنشاء ومناقشة إضافة محرر WYSIWYG معطلة منذ فترة:

3 إعجابات

نعم، كنت فقط ألقي نظرة على ذلك قبل نشر هذا، أردت فقط أن أجعلها طلبًا رسميًا.

لاحظت أن @sam قال أن هناك خططًا™ بشكل أساسي قيد العمل اعتبارًا من أكتوبر 2022.

3 إعجابات

لقد عثرت للتو على هذه المكتبة مفتوحة المصدر التي تقوم بأوامر شبيهة بـ Notion. لست متأكدًا من مدى سهولة دمجها في Discourse ولكن أردت نشرها فقط في حال كان لدى شخص آخر فكرة:

6 إعجابات

يبدو أن هذا تم بناؤه على https://tiptap.dev/ وهو مغلق؟

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

Tiptap هو مفتوح المصدر على حد علمي:

3 إعجابات

أرى ذلك، الامتدادات الاحترافية مدفوعة.
الشيء الكبير المخادع هنا هو الاتجاهين. جسر الماركداون ↔ HTML. التخلي عن الماركداون هو شيء أود تجنبه في أي تجارب في هذا المجال.

5 إعجابات

TipTap هو غلاف حول ProseMirror: https://prosemirror.net/.

إعجابَين (2)

أتفق.\n\nلقد ربطته بشكل أساسي كمثال، وأعتقد أن التجريب في هذا المجال يمكن أن يكون ذا قيمة، لكنني لست متأكدًا تمامًا بعد من كيفية عمله على مستوى تقني أكثر، خاصة عندما يكون أحد الأهداف هو عدم التخلي عن الربط بين markdown و html.\n\nأعتقد أنني ما زلت أشعر بالإيجابية تجاه هذا الأمر كما كنت في يوليو 2023 عندما أنشأت الموضوع، حيث أن كل ما أستخدمه تقريبًا كتطبيق يتضمن الكتابة لديه وظائف مماثلة الآن.\n\nسأفكر في هذا الأمر أكثر في الأسابيع القادمة وسأعود إذا فكرت في أي شيء.\n\nعلى الأقل، يجب أن يتضمن نوعًا من طريقة لوحة المفاتيح، مثل كتابة “/” أو أي رمز آخر مخصص يجلب لوحة اختيار سلسة لإدراج التنسيق والأشياء التي تعتبرها Discourse جديرة بالاهتمام، مثل Notion و Tiptap وما إلى ذلك.

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

يبدو أن prosemirror يستخدم Discourse (https://discuss.prosemirror.net/) لذا ربما لديهم بعض الأفكار حول ذلك. رأيت أيضًا أن لديهم تكاملًا لـ markdown ولكن ليس لدي أي فكرة عما إذا كان أي من هذا سيتوافق مع ما تحدث عنه سام، أردت فقط تضمينه في حال أراد الأشخاص البحث فيه أكثر.

3 إعجابات

لدى منشئه حساب أيضًا على ميتا. لن أقوم بالإشارة إليه هنا، ولكنه مؤلف كتاب رائع في جافاسكريبت: https://eloquentjavascript.net/.

على حد علمي، ستكون مهمة معقدة حقًا تبديل محرر Discourse الحالي إلى شيء يعتمد على prosemirror.

إعجابَين (2)

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

إعجابَين (2)

يبدو أن هذا المحرر يدعم تحويل markdown إلى html فورًا:

إعجابَين (2)

@thoka لقد اختبرته من الرابط الذي قدمته. إنه يعمل بشكل رائع حقًا. سيكون من الرائع رؤية هذا المحرر في discourse. آمل أن يكون هناك تغيير كهذا في المستقبل.

همم. يبدو أنه يعمل للوهلة الأولى.
يجب أن يدعم المحرر المناسب على الأقل التحويل الدائري الخالي من الخسارة لأي تنسيق ديسكورس - > حالة html/editor - > تنسيق.

العرض التوضيحي المرتبط يفشل، على سبيل المثال، في الجداول المحاذاة.

3 إعجابات

لم أجربه على الطاولات. إذا استمر التطوير، يمكن أيضًا إصلاح هذه المشكلة.

قد يكون من المفيد إلقاء نظرة على محرر Lexical الخاص بـ Meta: Introduction | Lexical. يمكنه دعم جسر الماركداون إلى HTML في الاتجاهين: @lexical/markdown | Lexical.

لم أجد الكثير للبدء به في المستندات، ولكن العمل بشكل عكسي من كود Lexical Playground مفيد، على الأقل في سياق تطبيق React.

8 إعجابات

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

8 إعجابات

حاليًا، يستخدم Discourse مزيجًا من ماركداون و bbcode و HTML كتنسيق بيانات أساسي له. هل توجد أي خطط نحو تنسيق أكثر توحيدًا؟

فيما يتعلق بالتجارب: هل من المنطقي أن يكون أي محرر مرئي على الأقل متطابقًا (لا تغيير في المصدر عند التحميل، عدم التحرير، الحفظ) ومحتويًا محليًا (تغيير فقط في المصدر حيث تم إجراء التعديلات)؟

3 إعجابات

إليك إعلان Invision عن TipTap كمحررهم الجديد:
https://invisioncommunity.com/news/invision-community/invision-community-5-the-all-new-editor-r1301/

3 إعجابات