GrabzIt এর API আপনাকে যে কোনও এইচটিএমএল রূপান্তর করতে দেয় into পিডিএফ, ডকএক্স, চিত্র এবং আরও অনেক কিছু। এটি করতে আপনাকে আমাদের API এ নিয়মিত এইচটিএমএল পাস করতে হবে। উদাহরণস্বরূপ, নিম্নলিখিত উদাহরণে HTML এর মতো কিছু দেখানো হয়েছে।
<html> <body> <h1>Hello World</h1> </body> </html>
লক্ষ্য করুন যে এই এইচটিএমএল উদাহরণটিতে এইচটিএমএল এবং বডি ট্যাগ অন্তর্ভুক্ত রয়েছে তবে আপনি যদি এইচটিএমএলের স্নিপেট রূপান্তর করতে চান তবে এটির প্রয়োজন হয় না। তবে আপনি যদি এইচটিএমএল এবং বডি ট্যাগগুলি যোগ না করেন তবে এগুলি স্বয়ংক্রিয়ভাবে আপনার জন্য সাধারণ ব্রাউজারের মতো যুক্ত হয়ে যাবে। এটির মোকাবিলা করার জন্য আপনি নীচে প্রদর্শিত হবে এমন বডি ট্যাগে অতিরিক্ত কোনও প্যাডিং এবং মার্জিন অপসারণ করতে কিছু সিএসএস নির্দিষ্ট করতে পারেন।
<style> body{margin:0;padding:0} </style>
আপনি যদি রূপান্তর করতে চলেছেন এমন HTML এ জাভাস্ক্রিপ্ট, চিত্র বা সিএসএস অন্তর্ভুক্ত করতে চান তবে আপনি এই সংস্থানগুলিকে একটি ইনলাইন বা রেফারেন্সেড ম্যানারে সরবরাহ করতে পারেন। উদাহরণস্বরূপ, নীচের কোডটি কীভাবে একটি ইনলাইন উপায়ে HTML এ সংস্থান তৈরি করতে পারে তা দেখায়।
<html> <head> <script> document.getElementsByTagName('H1')[0].innerText = 'Goodbye'; </script> <style> h1{ color:red; } </style> </head> <body> <img width="16" height="16" alt="star" src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOV SKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGA iqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" /> <h1>Hello World</h1> </body> </html>
আপনি উপরের উদাহরণটিতে দেখতে পারেন যে জাভাস্ক্রিপ্ট এবং সিএসএস সরাসরি HTML পৃষ্ঠার মধ্যে রয়েছে এবং চিত্রটি কীভাবে রূপান্তরিত হয়েছে intঅথবা ডেটা ইউআরএল.
আমরা যদি এর পরিবর্তে এই সংস্থানগুলিকে উল্লেখ করতে চাইতাম তবে আমাদের অবশ্যই নিশ্চিত করতে হবে যে সমস্ত URL টি এই ফাইলগুলির সাথে সংযোগ স্থাপন করে নিখুঁত URL টি ব্যবহার করবে যা প্রকাশ্যে অ্যাক্সেসযোগ্য। এর অর্থ URL টি কোনও সংস্থান সনাক্ত করার জন্য প্রয়োজনীয় সমস্ত তথ্য ধারণ করে। পরম ইউআরএল না ব্যবহার করাই প্রধান কারণ চিত্র, সিএসএস এবং জাভাস্ক্রিপ্ট রেন্ডার হয়নি এইচটিএমএল রূপান্তর করার সময়।
এটি করতে জাভাস্ক্রিপ্ট, সিএসএস এবং চিত্র স্থাপন করা দরকার into পৃথক ফাইল এবং তারপরে এইচটিএমএল-এ রেফারেন্স করা হয়, যা নীচের উদাহরণের মতো দেখায়।
<html> <head> <script src="http://www.example.com/myscript.js"></script> <link rel="stylesheet" type="text/css" href="http://www.example.com/mystyle.css"> </head> <body> <h1>Hello World</h1> <img width="16" height="16" alt="star" src="http://www.example.com/star.gif" /> </body> </html>