هل هناك أداة جيدة للتضمين البرمجي للمدونات

Question

يطلب الشريك المؤسس حاليًا على مدونتنا الحصول على أداة كود قابلة للتضمين.

http://devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/

في الأساس نريد شيئا من هذا القبيل http://pastie.org/ أو http://codepad.org/ ولكننا نريد حقًا تضمين قسم التعليمات البرمجية في مدونتنا.نحن نعلم أن هناك مكونات إضافية للمدونات الشائعة والحلول من جانب الخادم، ولكن سيكون من الرائع أن تكون قادرًا على تضمين القليل من جافا سكريبت والحصول على تعليمات برمجية منسقة بشكل جيد في أي مكان...

هل يوجد شيء كهذا؟هل فاتنا ذلك للتو؟

Answer 1

وكان لدينا تشير المستخدم من البرنامج المساعد وورد يستخدم جست أن تفعل بالضبط ما كنا نطلب ...

http://pomoti.com/gist-it-english

وحتى لو كنت لا تستخدم في المكونات يبدو وكأنه سمة من سمات جست يتيح لك تضمين رمز في أي مكان تريد على شبكة الإنترنت. http://gist.github.com

ويبدو الحلو جدا. يعود الفضل في ذلك إلى ديرسو الابن.

Answer 2

أعتقد أنك تريد أداة تمييز بناء جملة جافا سكريبت

• http://code.google.com/p/syntaxhighlighter/

• http://shjs.sourceforge.net/

• http://www.google.com/search?q=javascript+syntax+highlighter

في بعض الأحيان تستمر في التفكير في الكلمات الرئيسية الخاطئة ;-)

Answer 3

CodeRay و <لأ href = "http://ultraviolet.rubyforge.org/" يختلط = "نوفولو noreferrer"> فوق البنفسجية . انهم على حد سواء جيدة جدا وسهلة الاستخدام.

Answer 4

ويمكنني استخدام تمييز المدرجة في دوجو (مقتبس من highlight.js إيفان Sagalaev في ). كل ما عليك القيام به هو أن تشمل بضعة أسطر من التعليمات البرمجية في رأس صفحة الويب الخاصة بك (علامة النصي تشير إلى AOL أو Google، وصلة لCSS استضافته AOL أو Google، والسيناريو تافهة لطلب تمييز) و إضافة <قبل> <كود لانج = "جافا سكريبت"> الكتل مع قصاصات المنسقة مسبقا - سيتم العثور عليها وسلط الضوء تلقائيا

.

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

ونقطة جيدة أخرى لهذا الحل: لا حاجة لاستضافة أي ملفات، لا حاجة لتكوين الملقمات، لا حاجة لتوليد HTML حيوي، ويمكن استخدامها مع أي شيء - وسيتم تسليط الضوء حتى ملف ثابت على ما يرام

.

ويمكنك مشاهدة أمثلة في الاختبارات الرسمية: test_highlight.html أو test_pygments.html . هذا هو مثال على قصاصات على موقع الويب الخاص بي: المقال مع العديد من أبرز كود قصاصات - ابحث في رأس هذه الصفحة لمعرفة كيفية تمييز يمكن إدراجها مباشرة من AOL