श्रेणी के अनुसार ब्राउज़ करें
GrapesJS Commands
GrapesJS कमांड प्लगइन्स संपादक में कस्टम क्रियाएं, कीबोर्ड शॉर्टकट और टूलबार बटन जोड़ते हैं। Commands GrapesJS इंटरैक्शन की रीढ़ हैं - ये प्लगइन्स निर्यात क्रियाओं, पैनल टॉगल, पूर्ववत संवर्द्धन और वर्कफ़्लो ऑटोमेशन के साथ डिफ़ॉल्ट कमांड सेट का विस्तार करते हैं। अपने विशिष्ट एप्लिकेशन के लिए संपादक व्यवहार को अनुकूलित करने के लिए समुदाय-योगदान वाले और प्रीमियम कमांड एक्सटेंशन ब्राउज़ करें।
लगभग GrapesJS Commands
GrapesJS कमांड प्रोग्रामेटिक रूप से या उपयोगकर्ता इंटरैक्शन के जवाब में संपादक क्रियाओं को ट्रिगर करने का प्राथमिक तरीका है। GrapesJS में प्रत्येक टूलबार बटन, कीबोर्ड शॉर्टकट और संदर्भ मेनू आइटम नाम से एक पंजीकृत कमांड को कॉल करता है। GJS.Market पर कमांड प्लगइन्स डिफ़ॉल्ट GrapesJS कमांड सेट को कई तरीकों से विस्तारित करते हैं। शॉर्टकट पैक सामान्य क्रियाओं के लिए कीबोर्ड बाइंडिंग को पंजीकृत करते हैं - पूर्ववत करें, फिर से करें, सभी का चयन करें, घटक की प्रतिलिपि बनाएँ, जगह में पेस्ट करें, और परत पदानुक्रम में ऊपर या नीचे जाएँ - जो डिफ़ॉल्ट रूप से मैप नहीं किए गए हैं। निर्यात कमांड प्लगइन्स निर्यात HTML, निर्यात ZIP, क्लिपबोर्ड पर कॉपी करें, और टूलबार में नई टैब क्रियाओं में पूर्वावलोकन जोड़ें। पैनल टॉगल कमांड विशिष्ट पैनलों को प्रोग्रामेटिक रूप से दिखाते हैं और छिपाते हैं, सरलीकृत संपादक मोड के लिए उपयोगी होते हैं। उन्नत कमांड प्लगइन्स बहु-चरणीय वर्कफ़्लो को लागू करते हैं जैसे कि एक प्रकाशित कमांड जो क्रम में API को मान्य करता है, निर्यात करता है और धक्का देता है। GJS.Market पर सभी कमांड प्लगइन्स में एक API संदर्भ शामिल है जो आपके स्वयं के GrapesJS.runCommand() कॉल में उपयोग करने के लिए कमांड नाम स्ट्रिंग दिखाता है।
GrapesJS Commands — FAQ
- GrapesJS कमांड क्या है?
- एक कमांड संपादक के साथ पंजीकृत एक नामित क्रिया है। प्रत्येक टूलबार बटन, कीबोर्ड शॉर्टकट और संदर्भ मेनू आइटम एक को हल करता है, और आप उनमें से किसी को भी editor.runCommand('name') के साथ स्वयं ट्रिगर कर सकते हैं। Commands UI और संपादक व्यवहार के बीच सीम हैं, यही कारण है कि एक बटन के व्यवहार को बदलने का मतलब आमतौर पर DOM को पैच करने के बजाय एक कमांड पंजीकृत करना होता है।
- मैं कस्टम कमांड कैसे पंजीकृत करूं?
- एक आईडी के साथ editor.Commands.add को कॉल करें और एक रन विधि को पकड़े हुए ऑब्जेक्ट - और एक स्टॉप विधि यदि कमांड स्टेटफुल है, जैसे कि एक पैनल को टॉगल करना। रन से रिटर्न मान कॉलर को वापस भेज दिए जाते हैं, इसलिए एक कमांड एक छोटे API के रूप में दोगुना हो सकता है। परियोजनाओं में इसका पुनः उपयोग करने के लिए पंजीकरण को एक प्लगइन में लपेटें।
- मैं GrapesJS में कीबोर्ड शॉर्टकट कैसे जोड़ूं?
- कीमैप्स का उपयोग करें API: editor.Keymaps.add एक कुंजी संयोजन को कमांड आईडी से बांधता है। GrapesJS केवल एक छोटा डिफ़ॉल्ट सेट मैप करता है, यही कारण है कि इस श्रेणी में शॉर्टकट पैक मौजूद हैं - वे पूर्ववत करते हैं, फिर से करते हैं, सभी का चयन करते हैं, डुप्लिकेट करते हैं, जगह में पेस्ट करते हैं और परत नेविगेशन करते हैं। कमांड से बाइंड करें, हैंडलर से नहीं, इसलिए वही क्रिया टूलबार से पहुंच योग्य रहती है।
- मैं HTML और CSS को GrapesJS से कैसे निर्यात करूं?
- editor.getHtml() और editor.getCss() वर्तमान पृष्ठ को स्ट्रिंग के रूप में लौटाते हैं, और अंतर्निहित export-template कमांड उन्हें एक मोडल में खोलता है। इस श्रेणी में प्लगइन्स आगे बढ़ते हैं: ZIP बंडल HTML, CSS और संपत्ति को डाउनलोड करने योग्य संग्रह में निर्यात करें, क्लिपबोर्ड पर कॉपी करें मोडल को छोड़ देता है, और नए टैब में पूर्वावलोकन आउटपुट स्टैंडअलोन प्रदान करता है।
- क्या कोई कमांड मल्टी-स्टेप पब्लिश वर्कफ़्लो चला सकता है?
- हां, और इसे लगाने के लिए यह सबसे साफ जगह है। एक रन विधि एसिंक हो सकती है, इसलिए एक प्रकाशित कमांड पृष्ठ को मान्य कर सकता है, getHtml और getCss को कॉल कर सकता है, अपने API को पोस्ट कर सकता है और परिणाम की रिपोर्ट कर सकता है - सभी एक टूलबार बटन के पीछे। क्योंकि यह एक नामित कमांड है, वही प्रवाह शॉर्टकट, आपके स्वयं के कोड या स्वचालित परीक्षण से पहुंचा जा सकता है।
टैग द्वारा ब्राउज़ करें