HTML DOM execCommand() পদ্ধতিটি ব্যবহারকারী দ্বারা নির্বাচিত সম্পাদনাযোগ্য বিভাগে নির্দিষ্ট একটি কমান্ড কার্যকর করার জন্য ব্যবহৃত হয়। document.design প্রপার্টিটিকে প্রথমে একটি সম্পাদনাযোগ্য বিভাগ থাকতে হবে।
সিনট্যাক্স
নিচে execCommand() মেথড -
-এর সিনট্যাক্স দেওয়া হলdocument.execCommand(command, showUI, value)
এখানে, মান হল কিছু নির্দিষ্ট কমান্ডের জন্য যা সম্পূর্ণ করতে হবে, যেমন, ফন্ট সাইজ, ফোররং ইত্যাদি। শোইউআই হল একটি বুলিয়ান মান যা মান দেখানো উচিত কিনা তা নির্দিষ্ট করার জন্য। কমান্ডের নাম হল সেই কমান্ড যা সম্পাদনাযোগ্য বিভাগে কার্যকর করা প্রয়োজন।
কমান্ড প্যারামিটার -
এর মানগুলি নিম্নরূপ"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() method example</h1>
<h3>double click on any text to change its fontsize and color</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()">
আমরা প্রথমে ডকুমেন্ট ডিজাইন মোড অন সেট করি যাতে আমরা আমাদের ডকুমেন্ট এডিট করতে পারি। ফাংশন changeText() ডকুমেন্টের execCommand() মেথড এক্সিকিউট করে এবং এর পরামিতি যেমন ফন্ট সাইজ, ব্যাককলার, ফোরকালার তাদের নিজ নিজ মান সহ পাস করে। এই মানগুলি ব্যবহারকারীর দ্বারা দুবার ক্লিক করা সম্পাদনাযোগ্য বিভাগে প্রয়োগ করা হবে −
Function changeText() {
document.execCommand("fontSize",true,"20px");
document.execCommand("backColor",true,"lightgreen");
document.execCommand("foreColor",true,"blue"); 