গুগল ক্রোম দিয়ে এইচটিএমএল উত্স কোড সম্পাদনা করা হচ্ছে


34

ইন্টারনেট এক্সপ্লোরারে আমি একটি স্থানীয় .html ফাইল খুলতে এবং এটি "ভিউ" মেনুতে "উত্স" নির্বাচন করে সম্পাদনা করতে পারি, "দ্রুত পরিবর্তন করতে পারি এবং তারপরে ওয়েব পৃষ্ঠাটি" রিফ্রেশ "(পুনরায় লোড) করতে পারি।

গুগল ক্রোম দিয়ে আমি কীভাবে এটি করতে পারি?

আমি কি উইন্ডোজ নোটপ্যাডে .html ফাইলটি খুলতে পারি? (আমি নোটপ্যাড পছন্দ করি কারণ এটি সত্যই দ্রুত)

উত্তর:


27

Ctrl+Shift+I or F12-> উপাদানসমূহ, এটি আপনার উত্সটি দেখানো উচিত। যে কোনও উপাদানটিতে রাইট ক্লিক করুন এবং ক্লিক করুনEdit as HTML

সম্পাদনা:

কিছু এক্সটেনশন রয়েছে যা দেখতে আপনি দেখতে চান: https://chrome.google.com/extensions/search?itemlang=&q=editor

ChromeEditorএবং Live WebSite Editorপ্রতিশ্রুতিবদ্ধ চেহারা।

বারলাপ দ্বারা যুক্ত
আমি দেখতে পাচ্ছি ( সিটিআরএল -শিফট-আই / এফ 12 এর পরে), ডান <HTML..> or </HTML>ট্যাগটিতে ক্লিক করুন এবং "এইচটিএমএল হিসাবে সম্পাদনা করুন" ক্লিক করুন। আমাকে এর মধ্যে যে কোনও জায়গায় সম্পাদনা করার অনুমতি দেয়। খোলার ট্যাগটি বেছে নেওয়া মানে সম্পাদনা করার জন্য পপআপ হ'ল সেখানে থাকা সমস্ত এইচটিএমএল উত্সকে আবরণ করে - যা সম্পাদনার সময় স্থানের দিক দিয়ে খুব ঝরঝরে। সমাপ্তি ট্যাগটি বেছে নেওয়া পপআপ হিসাবে কার্যকর হতে পারে তারপরে এইচটিএমএল এর অধীনে উপস্থিত হয় যাতে আপনি আগে / পরে দেখেন। বা আরও ভাল, যেমন বেনজমিন বলেছে, সম্পাদনা করতে F2, প্রতিশ্রুতিবদ্ধ করতে ctrl-enter।


1
উদাহরণস্বরূপ ট্যাগ নামে ঠিক ক্লিক করার চেষ্টা করুন<body>
ক্যাজুয়াল কোডার

1
এটি ডিবাগিং সরঞ্জাম। এটি সরঞ্জাম সম্পাদনা করছে না। পৃষ্ঠাগুলি তৈরির জন্য আপ্টানা, নেটবিন বা অন্যান্য আরও উপযুক্ত আইডিই এর মতো কিছু ব্যবহার করুন। ট্যাগ সমাপ্তি, রেফারেন্স, জাভাস্ক্রিপ্ট সম্পূর্ণকরণ ইত্যাদি With এটি ওয়েব পৃষ্ঠাগুলি তৈরির অনেক বেশি উত্পাদনশীল উপায়। আপনি যদি এইচটিএমএল সম্পাদক হিসাবে Chrome বিকাশকারী সরঞ্জামগুলি ব্যবহার করার জন্য জোর দিয়ে থাকেন তবে copy as htmlপ্রসঙ্গ মেনু বিকল্প রয়েছে। সুতরাং আপনি এটিকে আপনার পছন্দের মূল পাঠ্য সম্পাদক বা অন্য সরঞ্জামে পেস্ট করতে পারেন।
ক্যাজুয়াল কোডার

1
আপনি যে বিষয়টির বিষয়ে অবগত রয়েছেন তার সবচেয়ে কাছাকাছি হ'ল ফায়ারফক্সের ফায়ারবগ অ্যাডন। বিভিন্ন জাভাস্ক্রিপ্ট / সিএসএস / ডম ডিবাগিং সরঞ্জামগুলির মধ্যে এটি আপনাকে একটি পৃষ্ঠার Open with Editorবিকল্পের প্রসঙ্গ মেনুতে দেয় । আপনি বেশ কয়েকটি সম্পাদক যুক্ত করতে পারেন। অবশ্যই আপনি এটি নোটপ্যাড ব্যবহার করতে কনফিগার করতে পারেন।
ক্যাজুয়াল কোডার

2
এটি সম্পাদনা করতে F2 এবং Ctrl +
বেনিয়ামিন

1
F2 এবং F2 আবার Ctrl + এন্টার হিসাবে একই কাজ করে।
ফ্রাঙ্ক নোক

23
  1. দেবটুলগুলি খুলুন।
  2. এলিমেন্টস প্যানেলটি খুলুন।
  3. এইচটিএমএল বা দেহ বা আপনার পছন্দসই উপাদান নির্বাচন করুন।
  4. Esc দ্বারা ওপেন কনসোল।
  5. $ 0.contentEdable = সত্য লিখুন

এখন আপনি পৃষ্ঠায় পাঠ্য সম্পাদনা করতে এবং চিত্রগুলি সরাতে পারেন তবে এটি আসলে যা আপনি চান তা নয় :)


4
আমি যা চাই তা আসলে নয়, তবে এটি একটি মজাদার বৈশিষ্ট্য!
বারলপ

আমি কি ঠিক বলছি যে বর্তমান ক্রোম সংস্করণগুলিতে এটি ডিফল্টরূপে চালু আছে? মানে আমি ইতিমধ্যে উপাদান ট্যাবে সম্পাদনা করতে পারি।
অ্যালেক্স

আমি এই বৈশিষ্ট্যটি ব্যবহার করে আপনাকে কেবল 100 প্রদান করেছি।
বেঞ্জামিন

সত্যিই আশ্চর্যজনক বৈশিষ্ট্য
iroel

@ বেঞ্জামিন আপনি কি +100 সম্পর্কে গুরুতর (যেমন আপনার স্থানীয় অনুলিপিতে আপনি কী তাকে অতিরিক্ত ভোট দিয়েছিলেন তা স্পষ্টতই সাইটে নিজেই প্রভাব ফেলবে না তবুও), এটি আকর্ষণীয় হবে .. আপনি কীভাবে তা করলেন? বা আপনি খুব খারাপ এবং বিভ্রান্তিকর কৌতুক করছেন?
বারলপ

1

আপনি ব্রাউজার পৃষ্ঠাগুলিতে স্থিতিশীল এইচটিএমএল সম্পাদনা করতে এবং সংরক্ষণ করতে এই ইনলাইনএডিটরটি চেষ্টা করতে পারেন এখানে ডেমো


1

আপনি যদি এইচটিএমএল উত্স হিসাবে ফাইলটি সম্পাদনা করতে চান (এবং স্বতন্ত্র উপাদান নয়) তবে আপনি নিম্নলিখিতটি করতে পারেন:

  1. বাম দিকে 'উত্স' ট্যাব নির্বাচন করুন
  2. 'সোর্স' প্যানে ডান ক্লিক করুন এবং 'ওয়ার্কস্পেসে ফোল্ডার যুক্ত করুন' নির্বাচন করুন এবং উত্স এইচটিএমএল ফাইলের সাথে ফোল্ডার যুক্ত করুন
  3. আপনি সম্পাদনা করতে চান এমন এইচটিএমএল ফাইলটি ডান ক্লিক করুন এবং 'নেটওয়ার্ক রিসোর্সে মানচিত্র' নির্বাচন করুন

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