سیدکریم محمدی
سیدکریم محمدی
خواندن ۱ دقیقه·۴ سال پیش

افزونه Syntax Highlighter برای ویرگول

افزونه Syntax Highlighter برای ویرگول
افزونه Syntax Highlighter برای ویرگول

از وقتی که با سرویس خوب ویرگول آشنا شدم و شروع به نوشتن کردم، همواره کمبودی که حس می‌کردم؛ نبود یه Syntax Highlighter پیش‌ساخته در ویرگول بود.

اگر برنامه‌نویس هستید و قبلاً در ویرگول نوشتید، حتماً متوجه شدید که بلاک code در ویرگول خیلی ساده و ابتدایی هست و همچنین فارغ از ویژگی Highlighting و این برای خواننده‌ای که داره متن مقاله شما رو مطالعه می‌کنه ممکنه جذاب نباشه.

کد بلاک ابتدای ویرگول
کد بلاک ابتدای ویرگول


من مدت‌ها منتظر اقدامی از سوی ویرگول برای رفع این کمبود بودم ولی این اتفاق نیافتاد. اخیرا در حرکتی خودجوش، اقدام به ساخت یه کروم افزونه (اکستنشن/extension) برای اضافه‌کردن ویژگی Syntax Highlighting به کدبلاک ویرگول کردم و نتیجه این شد:

کدبلاک ایجاد شده توسط Virgool Syntax Highlighter
کدبلاک ایجاد شده توسط Virgool Syntax Highlighter


در توسعه این افزونه، از کتابخانه HighlightJS استفاده کردم و علت این انتخاب امکان تشخیص خودکار زبان کد هست که خوشبختانه از دقت مناسبی هم برخورداره.

با این تغییر، ویرگول بیشتر شبیه به Medium.com میشه؛ در نتیجه من و خیلی‌های دیگه رو برای نوشتن بیشتر پیرامون کدنویسی تشویق می‌کنه.

پی‌نوشت:

  • افزونه به تازگی در Chrome Web Store منتشر شده و از طریق این لینک قابل دریافت و نصب هست.
  • افزونه به گونه‌ای طراحی شده که روی دامین‌های شخصی ویرگول هم قابل استفاده هست.
  • این افزونه در حال حاضر نسخه ابتدایی هست و از هر گونه پیشنهاد برای بهتر و کامل‌تر کردن اون استقبال می‌کنم.
ویرگولافزونهکرومsyntaxبرنامه‌نویسی
یک پدر برنامه‌نویس و عاشق خانواده (تماس: @skmohammadi)
شاید از این پست‌ها خوشتان بیاید