अंक #3366💬 उत्तर दियाखोला गया 26 मार्च 2021द्वारा kerryj890 प्रतिक्रियाएं

पूर्वावलोकन कमांड का विस्तार करना

त्वरित उत्तरद्वारा artf

यदि आप एक नया run() फ़ंक्शन निर्दिष्ट करते हैं तो कमांड केवल नया चलाएगा, अन्यथा, कमांड को पूरी तरह से बदलना संभव नहीं होगा (यहां [कमांड का विस्तार] (https://grapesjs.com/docs/modules/Commands.html#extending)) के बारे में अधिक जानकारी होगी

नीचे पूरा उत्तर पढ़ें ↓

प्रश्न

मैं preview कमांड का विस्तार करने की कोशिश कर रहा हूं। मुझे उम्मीद थी कि नीचे दिया गया कोड कंसोल आउटपुट के साथ सामान्य पूर्वावलोकन कमांड चलाएगा, लेकिन केवल कंसोल स्टेटमेंट चलता है। मैं मूल पूर्वावलोकन कोड को कैसे संरक्षित कर सकता हूं?

editor.Commands.extend('preview', {
    run() {
        console.log("foo");
    }
});

नीचे मेरे लिए तब तक काम करता है जब तक कि कोई यह नहीं बता सकता कि मेरी विचार प्रक्रिया कहां गलत हो गई।

editor.Commands.add('preview-ext', {
    run(e) {
        e.runCommand('preview');
        console.log("foo");
    }
});

जवाब (4)

artf• 7 अप्रैल 2021

यदि आप एक नया run() फ़ंक्शन निर्दिष्ट करते हैं तो कमांड केवल नया चलाएगा, अन्यथा, कमांड को पूरी तरह से बदलना संभव नहीं होगा (यहां [कमांड का विस्तार] (https://grapesjs.com/docs/modules/Commands.html#extending)) के बारे में अधिक जानकारी होगी

ronaldohoch• 12 नवम्बर 2021

हैलो आर्टफ, अजीब तरह से, मुझे वही चाहिए जो वह करता है।

तो, ऐसा करने का सबसे अच्छा तरीका वही कर रहा है जैसे वह करता है? विस्तारित पूर्वावलोकन के अंदर मूल पूर्वावलोकन कमांड चला रहे हैं?

ronaldohoch• 16 नवम्बर 2021

अच्छा।।।

दूसरी चीज जो मैं कर रहा हूं वह ईवेंट पर कमांड चलाकर पूर्वावलोकन का विस्तार कर रहा है।

  editor.on("run:preview",()=>{console.log("run-preview")});
  editor.on("stop:preview",()=>{console.log("stop-preview")});

GJSBlock• 17 मई 2026

इसकी रिपोर्ट करने के लिए धन्यवाद, @kerryj89। पूर्वावलोकन कमांड का विस्तार करना के बारे में बढ़िया प्रश्न। GrapesJS के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्यूल के लिए GrapesJS दस्तावेज़ की जाँच करें on() ईवेंट श्रोता विधि देखें अधिकांश ऑपरे...

GitHub पर पूरी चर्चा देखें →