ফাইল সংরক্ষণ না করে কিভাবে ইমাসকে HTML রেন্ডার করা যায়?

Question

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

সুতরাং, আমি আমার ইমাস বাফারগুলিতে কোড টাইপ / সম্পাদনা করার সময়, ওয়েব পৃষ্ঠাটি আমার ফাইলটি সংরক্ষণ বা পৃষ্ঠাটি রিফ্রেশ না করে রিফ্রেশ বা ভারসাম্যহীনভাবে লোড করবে।

পার্শ্ব নোট হিসাবে: ওয়েব ব্রাউজারটি ডাব্লু 3 এর মতো অভ্যন্তরীণ বা গুগল ক্রোমের মতো বাহ্যিক কিনা সেদিকে আমার খেয়াল নেই ।

Answer 1

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

এখানে একটি ডেমো ভিডিও এটি কার্যকরভাবে দেখায়।

এটিতে সরাসরি সম্পাদনা এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের মোড রয়েছে। এটি জাভাস্ক্রিপ্টের জন্য সর্বাধিক কার্যকর, কারণ এটি একটি ওয়ার্কফ্লোকে ইমাস লিস্পে হ্যাক করার মতো অনেকটাই সক্ষম করে।

বিভিন্ন কাঠি-মোড জন্য উপলব্ধ এক্সটেনশন, মত কাঠি-কম , কম স্টাইলশীট, এবং সম্পাদনা করার জন্য কাঠি-পুনঃলোড-স্টাইলশীট (: আমি লিখেছি যে এক প্রকাশ), একাধিক স্টাইলশীট লাইভে-সম্পাদনা সিএসএস জন্য।

Answer 2

অধৈর্য মোড আপনাকে বেশিরভাগ রাস্তায় পেয়ে যাবে। এখানে একটি দুর্দান্ত ভিডিও ।

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

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

আমার প্রস্তাবিত কর্মপ্রবাহটি হ'ল

• ট্যাগগুলির মাধ্যমে অন্তর্ভুক্ত থাকা সমস্ত অ-পরিবর্তিত সামগ্রী সহ একটি একক এইচএমএল পৃষ্ঠা তৈরি করুন
• অধৈর্য-মোড শুরু করুন, আপনার ব্রাউজারটি খুলুন এবং পৃষ্ঠায় যান
• একটি ঝড় আপ কোড
• আপনি খুশি হয়ে গেলে আপনার এইচটিএমএল, সিএসএস, জেএস আলাদা করুন

ক্লায়েন্টরা বিশেষত মুগ্ধ হয় যখন আপনি টাইপ করতে এবং অবিলম্বে তাত্ক্ষণিকভাবে দৃশ্যমান হতে পারেন, প্রায়শই একই সাথে বেশ কয়েকটি ব্রাউজারে :)

Comments

আরও দেখুনskewer

— জর্ডন বিওনডো

Answer 3

আপনি কোনও প্রাসঙ্গিক মোড লিখতে পারেন যা কোনও প্রাসঙ্গিক বাফার সংশোধন করার পরে রেন্ডার করা ওয়েবপৃষ্ঠাকে রিফ্রেশ করে। অবশ্যই, প্রতিটি কী-স্ট্রোকের পরে এটি করা ওভারকিল হবে, সুতরাং টাইমার ব্যবহার করা এবং যখন ইমাসগুলি অলস অবস্থায় থাকে তখন রেন্ডারিং

একটি দ্রুত পিওসি হ'ল:

(defvar my-html-render-delay 1)

(defun my-html-render-post-command-hook ()
  (run-with-idle-timer my-html-render-delay nil
                       (lambda (buffer) 
                         (shr-render-buffer buffer)
                         (select-window (get-buffer-window buffer))) 
                       (current-buffer)))

(defun my-html-render-install ()
  (interactive)
  (add-hook 'post-command-hook 'my-html-render-post-command-hook nil t))

এই কোডটির সাথে অনেকগুলি জিনিস ভুল (উদাহরণস্বরূপ উইন্ডো হ্যান্ডলিং ভয়ঙ্কর, তবে এটি ব্যবহার করছে shr, যা অবশ্যই জাভাস্ক্রিপ্টে আপনাকে সহায়তা করবে), তবে এটি ধারণা দেয়। একটি সম্পূর্ণ সমাধান বিকাশ অবশ্যই সম্ভব, তবে এটি নিজেই একটি ছোট প্রকল্প।