HTML DOM execCommand() মেথড ইউজার দ্বারা নির্বাচিত এডিটেবল সেকশনে নির্দিষ্ট কমান্ড এক্সিকিউট করতে ব্যবহৃত হয়। document.design প্রপার্টি সেট করা উচিত যাতে প্রথমে এডিটেবল সেকশন থাকে।
সিনট্যাক্স
execCommand() মেথডের সিনট্যাক্স:
document.execCommand(command, showUI, value)
এখানে, value কিছু নির্দিষ্ট কমান্ডের জন্য যেগুলো পূরণের প্রয়োজন, যেমন fontSize, forecolor, ইত্যাদি। showUI একটি বুলিয়ান মান যা নির্দেশ করে মান দেখানো হবে কিনা। command name হলো সেই কমান্ড যা এডিটেবল সেকশনে এক্সিকিউট করতে হবে।
command প্যারামিটারের মানগুলো:
"backColor", "bold", "createLink", "copy", "cut", "defaultParagraphSeparator", "delete", "fontName", "fontSize", "foreColor", "formatBlock", "forwardDelete", "insertHorizontalRule", "insertHTML", "insertImage", "insertLineBreak", "insertOrderedList", "insertParagraph", "insertText", "insertUnorderedList", "justifyCenter", "justifyFull", "justifyLeft", "justifyRight", "outdent", "paste", "redo", "selectAll", "strikethrough", "styleWithCss", "superscript", "undo", "unlink", "useCSS"
উদাহরণ
execCommand() মেথডের উদাহরণ:
<!DOCTYPE html> <html> <body ondblclick="changeText()"> <h1>execCommand() মেথড উদাহরণ</h1> <h3>যেকোনো টেক্সটে ডবল ক্লিক করলে তার ফন্ট সাইজ এবং কালার পরিবর্তন হবে</h3> <p>Here is some text for being clicked upon. Some sample text is here too </p> <script> document.designMode = "on"; function changeText() { document.execCommand("fontSize",true,"20px"); document.execCommand("backColor",true,"lightgreen"); document.execCommand("foreColor",true,"blue"); } </script> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
পেজের যেকোনো টেক্সটে ডবল ক্লিক করলে সেই টেক্সটের ফরম্যাটিং পরিবর্তন হবে:
উপরের উদাহরণে:
প্রথমে ডকুমেন্ট বডির সাথে ডবল ক্লিক ইভেন্টের জন্য ইভেন্ট হ্যান্ডলার জড়ানো হয়েছে। বডির যেকোনো চাইল্ডে ডবল ক্লিক করলে changeText() মেথড এক্সিকিউট করবে। এখানে বডির চাইল্ডগুলো h1, h3 এবং p এলিমেন্ট:
<body ondblclick="changeText()">
প্রথমে ডকুমেন্ট ডিজাইন মোড on সেট করা হয়েছে যাতে ডকুমেন্ট এডিট করা যায়। changeText() ফাংশন ডকুমেন্টের execCommand() মেথড এক্সিকিউট করে এবং প্যারামিটার হিসেবে fontSize, backColor, foreColor তাদের সমকক্ষ মানসহ পাস করে। এই মানগুলো ইউজার দ্বারা ডবল ক্লিক করা এডিটেবল সেকশনে প্রয়োগ হবে:
Function changeText() { document.execCommand("fontSize",true,"20px"); document.execCommand("backColor",true,"lightgreen"); document.execCommand("foreColor",true,"blue"); 