Textarea التي يمكن أن تفعل تسليط الضوء على بناء الجملة على الطيران ؟

Question

انا تخزين عدد من كتل HTML داخل CMS لأسباب سهولة الصيانة.فهي ممثلة <textarea>s.

لا أحد يعرف جافا سكريبت القطعة من نوع التي يمكن أن تفعل تسليط الضوء على تركيب HTML داخل textarea أو ما شابه ذلك, في حين لا يزال البقاء محرر نص عادي (لا WYSIWYG أو وظائف متقدمة)?

Answer 1

وليس من الممكن لتحقيق المستوى المطلوب من السيطرة على العرض في جزء النص العادي.

إذا كنت موافق على ذلك، حاول CodeMirror أو <وأ href = "HTTP: // الآس. ajax.org/ "يختلط =" نوفولو noreferrer "<ايس <م> (سابقا skywriter bespin ) ، أو <وأ href = "HTTPS: // مايكروسوفت .github.io / موناكو محرر / "يختلط =" نوفولو noreferrer "<موناكو (والمستخدمة في MS VSCode).

ومن موضوع مكرر - وصلة ويكيبيديا اجبة: http://en.wikipedia.org / ويكي / Comparison_of_JavaScript-based_source_code_editors

Answer 2

هنا رد فعلته سؤال مماثل (على الانترنت محرر التعليمات البرمجية) على المبرمجين:

أولا, يمكنك إلقاء نظرة على هذه المقالة:
ويكيبيديا ― مقارنة جافا سكريبت على أساس التعليمات البرمجية المصدر المحررين.

المزيد هنا هو بعض الأدوات التي يبدو لتتناسب مع الطلب الخاص بك:

• EditArea ― Demo كما FileEditor الذي هو يي امتداد ― (Apache Software ترخيص BSD ، LGPL)

  هنا هو EditArea مجانا جافا سكريبت محرر التعليمات البرمجية المصدر.انها تسمح الكتابة بشكل جيد منسقة شفرة المصدر مع خط numerotation, علامة التبويب دعم search & replace (مع regexp) ويعيش تسليط الضوء على بناء الجملة (للتخصيص).

• CodePress ― Demo من جملة!CodePress المساعد ― (LGPL) ― لا تعمل في كروم و يبدو أن التطور قد توقفت.

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

• قبل ― واحدة من العديد من demo ― (معهد ماساتشوستس للتكنولوجيا على غرار ترخيص + اختياري الدعم التجاري)

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

• Ace Ajax.org Cloud9 محرر ― Demo ― (موزيلا ثلاثي الترخيص (MPL/GPL/LGPL))

  الآس هو مستقل رمز محرر مكتوب في جافا سكريبت.هدفنا هو إنشاء صفحة ويب على أساس محرر رمز مباريات ويمتد الميزات وسهولة الاستخدام والأداء من القائمة الأصلية المحررين مثل تيكستماتي ، Vim أو الكسوف.أنها يمكن أن تكون جزءا لا يتجزأ بسهولة في أي صفحة ويب و تطبيق جافا سكريبت.الآس طور الابتدائي محرر Cloud9 IDE وخليفة موزيلا Skywriter (Bespin) المشروع.

Answer 3

CodePress يفعل ذلك، كما يفعل <لأ href = "HTTP: //www.cdolivet. كوم / index.php؟ الصفحة = editArea "يختلط =" noreferrer "> EditArea . كلاهما مفتوح المصدر.

Answer 4

وأوصي EditArea للحصول على التحرير المباشر لتركيب hightlighted جزء النص.

Answer 5

تحديث: Bespin الآن ACE, التي ذكرها الأعلى تصنيفا الجواب هنا.استخدام ايس بدلا من ذلك.

يجب أن أذهب مع Bespin قبل موزيلا.انها بنيت باستخدام HTML5 الميزات (حتى انها سريعة وسريعة, ولكن لا يدعم متصفحات قديمة على الرغم من) ، ولكن بالتأكيد مذهلة استخدام يدق كل شيء كنت تأتي عبر - ربما لأنه هو موزيلا دعم و تطوير فايرفوكس نعم...هناك أيضا مسج البرنامج المساعد الذي يحتوي على امتداد لذلك لجعله أسهل قليلا للاستخدام مع مسج.

Answer 6

والمحرر الوحيد الذي أعرفه من ذلك له تسليط الضوء على تركيب وتراجع إلى جزء النص هو موزيلا Bespin . جوجل حول لتضمين Bespin لمعرفة كيفية تضمين المحرر. الموقع الوحيد الذي أعرفه من أن يستخدم هذا الحق الآن هو جدا ألفا موزيلا Jetpack لمعرض (وفي إرسال صفحة من Jetpack) وكنت قد ترغب في معرفة كيفية إدراجه.

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

Answer 7

لماذا أنت تمثل لهم كما textareas?هذا هو بلدي المفضل:

http://alexgorbatchev.com/wiki/SyntaxHighlighter

ولكن إذا كنت تستخدم CMS, ربما هناك أفضل المساعد.على سبيل المثال, وورد نسخة تطورت:

http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/

Answer 8

يمكنك تسليط الضوء على النص في <textarea>, باستخدام <div> وضعت بعناية وراء ذلك.

تحقق من تسليط الضوء على النص داخل النص.