টেক্সটরিয়া উড়তে সিনট্যাক্স হাইলাইট করতে পারে?


203

সহজ রক্ষণাবেক্ষণের কারণে আমি একটি সিএমএসের মধ্যে বেশ কয়েকটি এইচটিএমএল ব্লক সংরক্ষণ করছি। তারা এস দ্বারা প্রতিনিধিত্ব করা হয় <textarea>

কেউ কি এমন কোনও জাভাস্ক্রিপ্ট উইজেট জানেন যা এইচটিএমএল-এর জন্য সিনট্যাক্স হাইলাইটিং করতে পারে এমন একটি textareaবা একইর মধ্যে , যখন এখনও সরল পাঠ্য সম্পাদক থাকা (কোনও WYSIWYG বা উন্নত ফাংশন নেই)?


1
এটি কি সম্ভব যে ডাব্লু 3 সি textarea(এক্স) এইচটিএমএল স্পেসিফিকেশন এবং সম্পর্কিত মানগুলির ভবিষ্যতের সংস্করণে আরও বহুমুখী এবং এক্সটেনসিবল করতে পারে ?
জেমস হাই হাই

3
@ FabienMénager আপনার সদৃশ লিঙ্কটি সরানো হয়েছে।
প্যাট্রিক রবার্টস

উত্তর:


217

কোনও নিয়মিত পাঠের ক্ষেত্রে উপস্থাপনা নিয়ন্ত্রণের প্রয়োজনীয় স্তর অর্জন করা সম্ভব নয়।

আপনি যদি সাথে এসেছেন ঠিক আছে, চেষ্টা CodeMirror বা টেক্কা (পূর্বে Skywriter এবং bespin ) , অথবা মোনাকো (এমএস VSCode ব্যবহৃত হয়)।

সদৃশ থ্রেড থেকে - একটি বাধ্যতামূলক উইকিপিডিয়া লিঙ্ক: http://en.wikedia.org/wiki/Compistance_of_ জাভা স্ক্রিপ্ট- ভিত্তিক_সূত্র_কোড_এডিটর


3
আসলে, বেসপিন স্ক্রিন পাঠকদের জন্য সমর্থন যোগ করার জন্য একটি নিয়মিত টেক্সারিয়া ফ্যালব্যাক ব্যবহার করে (যাতে প্রতিবন্ধীরা সহজেই এটি ব্যবহার করতে পারে)।
এলি গ্রে

2
কোডমিরার দেখতে আমার ঠিক যেমন লাগে। যতক্ষণ না এটি টেক্সেরিয়ার মতো আচরণ করে, ততক্ষণ আমি এটি এক না হয়ে স্বাচ্ছন্দ্যবোধ করি।
পেক্কা

1
উত্তর দেওয়ার জন্য আপনাকে ধন্যবাদ। আপনার প্রতিক্রিয়া পড়ার পরে এটি পাওয়া গেছে এবং এটি আমার মনকে ফুঁ দিয়েছে! :) github.com/securingsincity/react-ace
কেসি

27

এখানে প্রতিক্রিয়া আমি একটি অনুরূপ প্রশ্নের সম্পন্ন করেছি ( অনলাইন কোড এডিটর ) এ প্রোগ্রামারদের :

প্রথমত, আপনি এই নিবন্ধটি একবার দেখে নিতে পারেন:
উইকিপিডিয়া - জাভাস্ক্রিপ্ট-ভিত্তিক উত্স কোড সম্পাদকদের তুলনা

আরও তথ্যের জন্য, এখানে কয়েকটি সরঞ্জাম যা আপনার অনুরোধের সাথে খাপ খায় বলে মনে হচ্ছে:

  • এডিটআরিয়া - ফাইলইডিটর হিসাবে ডেমো যিনি ইআই এক্সটেনশন - ( অ্যাপাচি সফ্টওয়্যার লাইসেন্স, বিএসডি, এলজিপিএল )

    সোর্স কোডের জন্য একটি মুক্ত জাভাস্ক্রিপ্ট সম্পাদক এখানে সম্পাদনা আরিয়া। এটি লাইন সংখ্যা, ট্যাব সমর্থন, অনুসন্ধান এবং প্রতিস্থাপন (রিজেক্সএক্স সহ) এবং লাইভ সিনট্যাক্স হাইলাইটিং (কাস্টমাইজযোগ্য) সহ ভাল ফর্ম্যাটেড সোর্স কোড লেখার অনুমতি দেয়।

  • কোডপ্রেস - জুমলার ডেমো! কোডপ্রেস প্লাগইন - ( এলজিপিএল ) - এটি ক্রোমে কাজ করে না এবং দেখে মনে হচ্ছে বিকাশ বন্ধ হয়ে গেছে।

    কোডপ্রেস ওয়েব-ভিত্তিক সোর্স কোড এডিটর যা জাভাস্ক্রিপ্টে লিখিত সিনট্যাক্স হাইলাইট সহ যা ব্রাউজারে টাইপ করার সময় টেক্সটকে রিয়েল টাইমে রঙ করে।

  • CodeMirror - অনেকগুলি ডেমোগুলির মধ্যে একটি - ( এমআইটি-স্টাইল লাইসেন্স + alচ্ছিক বাণিজ্যিক সহায়তা )

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

  • এস আজাক্স.অর্গ ক্লাউড 9 সম্পাদক - ডেমো - ( মজিলা ত্রি-লাইসেন্স (এমপিএল / জিপিএল / এলজিপিএল) )

    এস জাভাস্ক্রিপ্টে লিখিত একটি স্বতন্ত্র কোড সম্পাদক। আমাদের লক্ষ্য হ'ল একটি ওয়েব ভিত্তিক কোড সম্পাদক তৈরি করা যা টেক্সটমেট, ভিম বা এক্লিপসের মতো বিদ্যমান নেটিভ সম্পাদকদের বৈশিষ্ট্য, ব্যবহারযোগ্যতা এবং কার্য সম্পাদনকে মেলে এবং প্রসারিত করে। এটি যে কোনও ওয়েব পৃষ্ঠা এবং জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনটিতে সহজেই এম্বেড করা যেতে পারে। এস ক্লাউড 9 আইডিইর প্রাথমিক সম্পাদক এবং মজিলা স্কাই রাইটার (বেসপিন) প্রকল্পের উত্তরসূরি হিসাবে উন্নত ।


1
ওহ এটি একেবারে হতাশাব্যঞ্জক ... একটি 100 টি প্রকল্প যা এটি করার কথা, এবং একেবারে কোনওটিই কাজ করে না just
রবিনজে

এসের সম্পাদকের লাইসেন্সটি BSD github.com/ajaxorg/ace/blob/master/LICENSE এ
এস



7

আপডেট: বেসপিন এখন এসিই, যা এখানে সর্বাধিক রেটেড উত্তর দ্বারা উল্লেখ করা হয়েছে। পরিবর্তে এসিই ব্যবহার করুন।

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



2

আমি যে একমাত্র সম্পাদককে জানি তার মধ্যে সিনট্যাক্স হাইলাইটিং রয়েছে এবং একটি টেক্সেরিয়ায় ফ্যালব্যাক হলেন মজিলা বেসপিন । কীভাবে সম্পাদককে এম্বেড করা যায় তা দেখতে গুগল বেসপিন এম্বেড করার জন্য around এই মুহুর্তে আমি কেবলমাত্র এটির ব্যবহার করি সে সম্পর্কে হ'ল একেবারে আলফা মজিলা জেটপ্যাক গ্যালারী (একটি জেটপ্যাক জমা দিন) এবং আপনি কীভাবে এটি অন্তর্ভুক্ত করছেন তা আপনি দেখতে চাইতে পারেন।

বেসপিন সম্পাদক এম্বেড এবং পুনঃব্যবহার সম্পর্কিত একটি ব্লগ পোস্ট রয়েছে যা আপনাকে সহায়তা করতে পারে।


এস মজিলা বেসপিন প্রকল্পের উত্তরসূরি।
জাচারি কেনার

1

আপনি কেন তাদের পাঠ্য হিসাবে উপস্থাপন করছেন? এটি আমার প্রিয়:

http://alexgorbatchev.com/wiki/SyntaxHighlighter

তবে আপনি যদি কোনও সিএমএস ব্যবহার করছেন তবে সম্ভবত আরও ভাল প্লাগইন রয়েছে। উদাহরণস্বরূপ, ওয়ার্ডপ্রেসের একটি বিবর্তিত সংস্করণ রয়েছে:

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


15
এই প্লাগইনগুলি
টেক্সারিয়া

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