জাভাস্ক্রিপ্টের সাথে সিনট্যাক্স হাইলাইটিং কোড [বন্ধ]


109

এইচটিএমএলে <কোড> ব্লকগুলি সিনট্যাক্স হাইলাইট করার জন্য জাভাস্ক্রিপ্ট লাইব্রেরিগুলি আপনি কী প্রস্তাব দিতে পারেন?

(দয়া করে উত্তর প্রতি এক পরামর্শ)।


উত্তর:


103

স্ট্যাকওভারফ্লো প্রিটিফাই গ্রন্থাগার ব্যবহার করে ।


আমিও একমত. গুগল কোড এটিকে তাদের নিজস্ব রেপো হাইলাইট করার জন্য ব্যবহার করে (যেহেতু তারা এটি লিখেছিল) এবং স্বয়ংক্রিয়ভাবে ভাষাটি সনাক্ত করে।
করণ 4

অবশ্যই কোনটি "স্বয়ংক্রিয়ভাবে" ভাষা সনাক্ত করে তা ব্যবহার করে ক্লায়েন্টের মেশিন / ব্রাউজারে আরও বেশি ওজন পড়ে যায় ...
জেমস

2
আপনি ভাষাটি প্রিটিফাইয়ে দিতে পারেন যদি আপনি এটি জানেন তবে এটি কার্য সম্পাদনকে উন্নত করবে। বৃহত ভাষার শ্রোতার কারণে এটি কেবল স্ট্যাকওভারফ্লোতে ব্যবহৃত হয় না।
ভিনসেন্ট রবার্ট

এটি কেবলমাত্র আমার ওয়েবসাইটে যুক্ত করা হয়েছে, এবং এটি দুর্দান্ত এবং এটি ব্যবহার করা সহজ simple
লরেন্স ডল

@ ভিনসেন্ট: এটি কেবল পারফরম্যান্সের চেয়ে বেশি উন্নতি করে ;-)
সাম্ব

44

আমি সম্প্রতি রংধনু নামে একটি বিকাশ করেছি।

মূল নকশার লক্ষ্যটি ছিল মূল গ্রন্থাগারটিকে সত্যিই ছোট করা এবং এটি বিকাশকারীদের পক্ষে প্রসারিত করা সত্যিই সহজ করে তোলা।

Http://rainbowco.de দেখুন ।


2
আমি আজই রেইনবো জুড়ে দৌড়েছি - এটি আমার কাছে দেখে মনে হচ্ছে এটি প্রেটিফির চেয়ে আরও সূক্ষ্মভাবে বৈষম্য করতে পারে (উদাহরণস্বরূপ, যখন rdf:typeউপাদান হিসাবে কখন ব্যবহৃত হয় এবং কখন এটি একটি বৈশিষ্ট্য হিসাবে চিহ্নিত করতে সক্ষম হয় )।
রজার_১

3
এটি শীর্ষে যেতে হবে, ক্রেগ। আমি অন্যান্য সমাধানগুলির সমস্ত চেষ্টা করেছিলাম এবং কেবল রেইনবো পাইথনকে সঠিকভাবে পরিচালনা করেছিলেন এবং পাঠযোগ্য থিমের স্টাইলশিট ছিল। আশ্চর্যজনক প্লাগইন!
ব্লেন্ডার


15

jQuery সিনট্যাক্স হাইলাইটার হ'ল গুগলের প্রটিটিফাইয়ের উপর ভিত্তি করে একটি নতুন - যা সত্যই সত্যই জনপ্রিয় প্লেইন জাভাস্ক্রিপ্ট সিনট্যাক্স হাইলাইটার

এটি যেমন codeএবং preব্লকগুলিকে সমর্থন language-javascriptকরে, শ্রেণিকাম ব্যবহার করতে সক্ষম এমনটি নির্দেশ করে যে আমরা এটি হাইলাইট করতে চাই, পাশাপাশি ওয়ার্ড র্যাপও। আপনি অন্য অনেকের মতো কাঁচা ভিউ না খোলার পরিবর্তে কোডটি এটিকে সাধারণভাবে নির্বাচন করে কপি এবং পেস্ট করতে পারেন। এটি HTML5 ডেটা অ্যাট্রিবিউট ব্যবহার করে data-shবা আরম্ভের সময় বিকল্পগুলি নির্দিষ্ট করে কাস্টমাইজ করা যায়। একটি দুর্দান্ত স্থিতিশীল পছন্দ যা নিয়মিত আপডেট হয়।


লেখক আসলে বলেছেন যে এটি গুগলের প্রিটিফাইয়ের উপর ভিত্তি করে, সিনট্যাক্সহাইটলাইটার নয়। সিন্ট্যাক্স হাইটলাইটার 3 এর মতো দেখতে দেখতে, তবে সেট আপ করতে অনেক কম কাজ প্রয়োজন বলে মনে হচ্ছে। লিঙ্কের জন্য ধন্যবাদ!
টাইসন টি।

15

প্রিজম বাই লেয়া ভেরু সম্পর্কে কী ।

জুনে তার ব্লগ পোস্ট ঘোষণা থেকে (2012):

  • এটা ক্ষুদ্র। কোরটি কেবল 1.5 কেবি মিনিফাইড এবং জিজেপড।
  • এটি অবিশ্বাস্যভাবে এক্সটেনসিবল। কেবলমাত্র নতুন ভাষা যুক্ত করা সহজ নয় (এটি প্রতিটি সিনট্যাক্স হাইলাইটার সহ আজকাল দেওয়া হয়), তবে বিদ্যমান ভাষাগুলি প্রসারিত করাও।
  • এটি নির্দিষ্ট ক্ষেত্রে আরও ভাল পারফরম্যান্সের জন্য ওয়েব ওয়ার্কার্সের মাধ্যমে সমান্তরালতা সমর্থন করে।
  • এটি আপনাকে কোনও প্রিজম-নির্দিষ্ট মার্কআপ ব্যবহার করতে বাধ্য করে না, এমনকি প্রিজম-নির্দিষ্ট শ্রেণীর নামও নয়, কেবলমাত্র আপনি যেভাবে স্ট্যান্ডার্ড মার্কআপ ব্যবহার করা উচিত। সুতরাং, আপনি এটি কিছুক্ষণের জন্য চেষ্টা করতে পারেন, যদি আপনি এটি পছন্দ না করেন তবে এটি সরিয়ে ফেলুন এবং কোনও চিহ্ন রাখবেন না।

নতুন ভাষার সংজ্ঞা যুক্ত করার স্বাচ্ছন্দ্যের কারণে এটি আমার কাছে সমস্ত উত্তরের সেরা বিকল্প হিসাবে শেষ হয়েছে।
মাইক গ্রেস


5

আপনি যদি jQuery ব্যবহার করেন তবে মরিচ রয়েছে:

http://code.google.com/p/jquery-chili-js/

আপনাকে যা করতে হবে তার মধ্যে রয়েছে jquery-chili.js এবং recipes.js এবং এর সাথে হাইলাইটটি করুন

$("code").chili();

এটি নিজের দ্বারা ভাষাটি বের করা উচিত।


এই পৃষ্ঠায় উদাহরণগুলির লিঙ্কগুলি সমস্ত বিজ্ঞাপন পূর্ণ মেয়াদোত্তীর্ণ ডোমেনকে নিয়ে যায় তাই এই হাইলাইটারটি কেমন লাগে তা সম্পর্কে ধারণা পাওয়া কিছুটা কঠিন।
নাথান ওসমান

5

আমি SHJS নিয়ে খুব খুশি very । এটি ভাষাগুলির ভাললাগার সমর্থন করে এবং বেশ দ্রুত এবং নির্ভুল বলে মনে হয়।

আমি এখানে আমার ব্লগে এটি ব্যবহার করি এমন একটি উদাহরণ এখানে । আমি আমার নিজস্ব কাস্টম সিএসএস ফাইল ব্যবহার করছি যা কোডার সিনট্যাক্স হাইলাইটের অনুকরণ করে । আপনি যদি এটি ব্যবহার করতে চান তবে আমাকে ইমেল করুন।


4

jQuery.Syntax একটি অত্যন্ত দ্রুত এবং লাইটওয়েট সিনট্যাক্স হাইলাইটার । এটিতে সিনট্যাক্স উত্স ফাইলগুলির গতিশীল লোডিং রয়েছে এবং সিএসএস বা মডেলাইনগুলি ব্যবহার করে পরিষ্কারভাবে সংহত করা হয়েছে।

এটি একটি শূন্যস্থান পূরণের জন্য বিশেষভাবে তৈরি করা হয়েছিল - এটি: একটি দ্রুত, পরিষ্কার, ক্লায়েন্ট-সাইড সিনট্যাক্স পার্সার।


দুর্ভাগ্যক্রমে এটি ভেবেছিল একটি স্ট্যান্ডার্ড এফপিএমএল বার্তা স্প্যাম হবে :)
এহোসকা

@ এহোসকা, আপনি যে সমস্যাটি করছেন সে সম্পর্কে আপনি কি আমাকে কিছু ব্যাখ্যা দিতে সক্ষম?
ioquatix

যখন আমি মধ্যে XML পেস্ট goo.gl/PPcDx করার goo.gl/qSqm9 এটা বলে অবৈধ বিষয়বস্তু, স্প্যাম উপস্থিত হতে পারে। আশাকরি এটা সাহায্য করবে.
এহোসকা

আপনাকে পাঠ্যে কিছু লাইন বিরতি অন্তর্ভুক্ত করতে হবে, অন্যথায় এটি লিঙ্ক স্প্যামের মতো দেখাচ্ছে। আমি যে সঠিক সূত্র ব্যবহার করেছি তা আমি মনে করতে পারি না তবে আমি মনে করি আপনার প্রতি লাইনে একাধিক ইউআরএল থাকলে পাঠ্যটিকে স্প্যাম হিসাবে বিবেচনা করা হয় - এটি কারণ হ'ল বটগুলির স্তূপগুলি সিস্টেমে স্প্যামিং করছিল ( সিনট্যাক্স-হাইঘ্লাইংডিং ডটকম )।
ioquatix

3

আপনি যদি কোনও ইন-ব্রাউজার সম্পাদকে সিনট্যাক্স হাইলাইটের সন্ধান করছেন তবে কোডমিরার চেষ্টা করুন ।


3

আমি বিতর্কিত হয়ে উঠছি না তবে কেবল এটি উল্লেখ করার মতো মনে করেছি যে আপনি যদি কোনও সিএমএস বা ব্লগ প্ল্যাটফর্ম ব্যবহার করেন তবে স্পষ্ট কারণগুলির জন্য ব্যাকএন্ড হাইলাইটার ব্যবহার করা ভাল - গেশীর দিকে নজর দিন ( http://qbnz.com/highlitter/ ) তুমি যদি উৎসাহিত হও. প্রকৃতপক্ষে আপনি ব্যাকএন্ড প্রযুক্তির মাধ্যমে এইচটিএমএল বিষয়বস্তু বিশ্লেষণ করতে আপনার সার্ভার সেট আপ করতে পেরেছিলেন - সুতরাং জেএস হাইলাইটারগুলির কোনও প্রয়োজন নেই। (তারা যুক্ত করা কেবলমাত্র কার্যকারিতা হ'ল [swf ব্যবহার করে] মুদ্রণ / অনুলিপি করার ক্ষমতা))


2
এটা আমার কাছে স্পষ্ট নয় কেন একটি ব্যাকএন্ড হাইলাইটার ব্যবহার ভাল?
ইভান পি।

1
হ্যাঁ, আমিও ক্লায়েন্টকে বৃহত্তর প্রতিক্রিয়া প্রেরণ করতে পছন্দ করার বিষয়ে "সুস্পষ্ট" কি তা জানতে সত্যিই পছন্দ করব ...
জেনমাস্টার

1
আমি জেএস সক্ষম নেই এমন ডিভাইসগুলিতে এখনও উপস্থিত থাকতে সিনট্যাক্স হাইলাইট করতে পছন্দ করি। অতিরিক্তভাবে, ক্লায়েন্ট-সাইড হাইলাইটারগুলির রানটাইম ব্যয় রয়েছে যা আপনার কাছে হাইলাইট করার জন্য প্রচুর কোড পেলে বেশ মোটা হতে পারে। এটি বলেছিল, এটি আপনার নির্দিষ্ট ব্যবহারের ক্ষেত্রে নির্ভর করে :)
জেমস

কোন ডিভাইসে জেএস সক্ষম নেই?
জ্যাক গিফিন


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.