هذه تجربة مني لتوفير مُحرر Markodwn يدعم اللغة العربية لكن أيضا يُراعي كتابة الشفرات البرمجية ويتركها LTR وقت الكتابة، هذا الإصدار تجريبي...
لتجربة المحرر:
http://01walid.github.io/mu...الكود المصدري:
مساهماتكم مُرحب بها
مُحرر - محرر Markdown بسيط يدعم RTL ويُراعي اتجاه الشِفرات البرمجية
عمل رائع (y)
ولكن لماذا لا يتم استخدام bbcode ? يعني مثل محرر منتديات و لكن خفيف ذو UX/UI جيدة ؟
ما كنت افكر فيه هو ان اعمل محرر نصوص يعمل على متصفح.
لكن للاسف لم افهم بعد كيف تعمل خاصية Syntax Highlighter
انا لا اريد ان استخدم اي اضافات بل اريد ان افهم و ابرمج كل شئ لوحدي مثلا CodeMirror وجدت نفسي امام الاف اسطر فقط الصق بدون اي فهم للاسف
شكرا،
الهدف هو توفير محرر Markdown نظرًا لبساطة اللغة وانتشارها ودعمها الجيد
هناك الكثير من parsers التي تعنى بالماركداون والتي تسمح لك بتحويل الناتج إلى html أو pdf، كما أنها أصبحت تُستخدم في تحرير الكتب خاصة البرمجية منها، وهي مستخدمة في مواقع كثيرة مألوفة لدينا كلغة تنسيق المواضيع والتعليقات مثل StackOverflow, github .. الخ
bbcode تقتصر على المنتديات فقط أو تقريبا، كما أنها بالمقرانة مع Markdown فهي لغة ثرثارة (verbose) أي تحتاج إلى [bb] فاتحة وأخرى [bb/] غالقة في كثير من التنسيقات، في حين يكاد يكون تنسيق ماركدوان يبدو بديهيا..
نعم ولكن ما اتحدث انا عنه مثلا لتجعل النص bold كل ما تحتاجه هو تحديد النص و اختيار زر bold من قائمة يعني مثل محرر وردبريس او وورد.
و لكن بسيط.
يُمكن إضافة الرموز المرئية لسهولة التعامل مع أوامر الـ Markdown من خلال تظليل النص والضغط على أحد الرموز على حسب المُهمة هذا كود بسيط لتنفيذ تلك المهمة:
function reStyle(element, start, end){
var text = element.value;
var txtToAdd = start + text.substring(element.selectionStart, element.selectionEnd) + end;
element.value = text.substring(0, element.selectionStart) + txtToAdd + text.substring(element.selectionEnd);
}
على سبيل المثال تريد جعل الخط سميك ستسخدم الدالة بالشكل:
reStyle(element, '**', '**');
التعليقات