HyperMD

Hypermd

يكسر الجدار بين الكتابة والمعاينة ، في محرر تخفيض.

العرض التوضيحي عبر الإنترنت | أمثلة | الوثائق

中文介绍

Quickstart

 // npm install --save hypermd codemirror
var HyperMD = require ( 'hypermd' )
var myTextarea = document . getElementById ( 'input-area' )
var editor = HyperMD . fromTextArea ( myTextarea )

أيضا لمتطلبات ، الطرود ، webpack ، plain browser env. اقرأ المستند

لماذا تستخدم hypermd؟

Hypermd هي مجموعة من الإضافات / الأوضاع / الأوامر / الأوامر / الأوامر / الأوامر / keymap إلخ.

يمكنك استخدام كل من Codemirror الأصلي و hypermd على نفس الصفحة.

؟ اكتب ، ومعاينة على الطيران

• كتل وعناصر التخفيض العادية
  • قوي ، التركيز ، strikethrough ، Code
  • الروابط ، الصور
  • العنوان / الاقتباس / كتلة الكود / القائمة / القاعدة الأفقية
• تمديد تخفيض
  • جدول بسيط
  • الحاشية ¹
  • قائمة TODO (المربع قابل للنقر)
  • المسألة الأمامية Yaml
  • $ LATEX $ الصيغة ، وضع العرض أو كتلة العرض ²
  • الرموز التعبيرية :joy: =>؟ (أيضا دعم الرموز التعبيرية المخصصة)
• وأكثر
  • HTML في Markdown - Wysiwig MDX ممكن
  • #Hashtag Support ³ ، انظر العرض التوضيحي
  • مخطط انسيابي ومخططات (حورية البحر أو مخطط انسيابي)

؟ تجربة أفضل للتخفيض

• تحميل الصور والملفات عبر الحافظة ، أو drag'n'drop
• alt+انقر لفتح الرابط / القفز إلى الحاشية ¹
• تحوم لقراءة الحواشي
• نسخ ولصق ، وترجمة HTML إلى تخفيض الطلب ⁴
• وسهولة وجاهزة للاستخدام (AKA. keymap )

؟ فوائد Codemirror

• تمييز بناء الجملة لكتل التعليمات البرمجية ، يدعم 120+ لغة ⁵ . يمكن تحميل الوضع عند الطلب.
• مفاتيح قابلة للتكوين
• فرق ودمج
• موضوعات ⁶
• تقريبا جميع الملحقات codemirror!

؟ قابلية للتوسعة وقابلة للتخصيص

• استخدم PowerPacks لدمج LIBS والخدمات على الطرف الثالث أثناء الطيران
  • Mathjax ، ملحوظ ، Katex وأكثر من ذلك.
  • اقرأ القائمة
• يتم تعديل وظائف HyperMD للغاية

؟ Keymap المصمم "hypermd":

• طاولة
  • أدخل إنشاء جدول مع | column | line |
  • أدخل insert صف جديد ، أو إنهاء جدول (إذا كان الصف الأخير فارغًا)
  • علامة التبويب أو تبادل التحول للتنقل بين الخلايا
• قائمة
  • علامة التبويب أو THIST-TAB إلى عنصر القائمة الحالية غير المستدامة
• تنسيق كلمة قريبة (أو نص محدد)
  • CTRL+B BOLD
  • Ctrl+أنا التركيز
  • Ctrl+د strikethrough

شكر خاص

؟ الخدمة والموارد

icomoon - The Iconpack (إصدار مجاني) تستخدم الصفحة التجريبية أيقونات icomoon. يتم تخزين الملفات ذات الصلة في Demo/Svgicon.	برامج الترميز - مكتبة علمية مفتوحة المصدر يستخدم PlayMath خدمة Codecogs باعتباره الافتراضي Tex Mathrenderer. (يمكنك تحميل PowerPack لاستخدام عارض آخر ، على سبيل المثال Katex أو Mathjax)
SM.MS - خدمة استضافة الصور المجانية الصفحة التجريبية و powerpack/insert-file-with-smms استخدم SM.MS Open API لتحميل الصور التي يتم إدخالها من قبل المستخدم. (إذا كنت ترغب في دمج خدمة SM.MS ، استخدم PowerPack)	Emojione - فتحات الرموز التعبيرية المفتوحة الصفحة التجريبية و powerpack/fold-emoji-with-emojione استخدم أيقونات الرموز التعبيرية المقدمة مجانًا من قبل Emojione (ترخيص مجاني) (يمكنك استخدام بدائل أخرى ، على سبيل المثال. Twemoji من Twitter)
CodeMirror - محرر رمز المتصفح. requirejs - محمل وحدة JavaScript AMD. Katex - أسرع مكتبة تنضيد الرياضيات للويب. ملحوظ ، انخفاض وأكثر بروعة libs.

؟ الرعاة

الرعاة (مرتبة حسب التاريخ)

☕phithon ☕c*i ☕*yuan ☕*xiuzhang ☕*junjie ؟ 圆伞科技☕*di

المساهمة

Hypermd هو مشروع شخصي مفتوح المصدر من Laobubu. المساهمات موضع ترحيب. يمكنك:

• شوكة على github ، قم بإنشاء موضوعاتك المذهلة والإضافات.
• اشتر لي القهوة
• انتشار hypermd إلى العالم!

---

الحواشي

1. Ctrl+Click Works أيضًا ، ولكن سيقفز إلى الحاشية إذا كانت موجودة. ↩ ↩ ²

2. كتلة الرياضيات استخدم $$ لالتفاف تعبير TEX الخاص بك. ↩

3. معطل بشكل افتراضي ، انظر Doc ؛ # use اثنين من رمز التجزئة# إذا كان اسم العلامة يحتوي على مسافات. ↩

4. استخدم Ctrl+Shift+V على سبيل المثال لصق النص العادي. ↩

5. اللغات التي يدعمها Codemirror. ↩

6. إذا لم يتم تصميم السمة لـ HyperMD ، فقد لا تكون بعض الميزات موجودة. ↩