ब्लॉकमैनेजर और छवि
@alfaalex81 content ऑब्जेक्ट के लिए, आप एक नया इंडेक्स जोड़ सकते हैं जिसे classes कहा जाता है। इस इंडेक्स को कक्षाओं की एक सरणी होनी चाहिए, जिसे नए इमेज ब्लॉक पर लागू किया जाएगा; अंतिम कोड:
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
नमस्ते! मैं एक नया ब्लॉक जोड़ने के लिए इस कोड का उपयोग करता हूं:
blockManager.add ("छवि", {
लेबल: 'छवि',
श्रेणी: 'बुनियादी',
विशेषताएँ: { वर्ग: "gjs-fonts gjs-f-image" },
सामग्री: {
शैली: { रंग: "काला" },
प्रकार: "छवि",
सक्रिय ऑनरेंडर: 1,
},
});
जब मैं कैनवास में गिरता हूं तो आईएमजी टैग में एक कस्टम क्लास कैसे जोड़ सकता हूं?
धन्यवाद।
जवाब (3)
@alfaalex81 content ऑब्जेक्ट के लिए, आप एक नया इंडेक्स जोड़ सकते हैं जिसे classes कहा जाता है। इस इंडेक्स को कक्षाओं की एक सरणी होनी चाहिए, जिसे नए इमेज ब्लॉक पर लागू किया जाएगा; अंतिम कोड:
विस्मयकारी! मेरे पास उसी तर्क के लिए एक और प्रश्न है। मुझे अंदर एक छवि के साथ एक कस्टम ब्लॉक बनाने की आवश्यकता है, उदाहरण के लिए: <div> <उल> <ली> <div><a href="#link"><img src="" alt="शीर्षक छवि" /></a></div> <a href="#link" >शीर्षक</a> </ली> </उल> </div> मैं ब्लॉक मैनेजर के साथ कोड जोड़ता हूं, ले...
यह वर्तमान grapesjs का व्यवहार नहीं है। AssetManager केवल तभी खुलता है जब आप सीधे img ब्लॉक छोड़ रहे हैं।
आपको अपने कस्टम ब्लॉक के भीतर आईएमजी ब्लॉक का चयन करना होगा और इस तरह का एक कोड निष्पादित करना होगा:
editor.runCommand('open-assets', {
target: editor.getSelected()
});
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #958
बूटबॉक्स या किसी अन्य तरीके का उपयोग करके पॉपअप बनाने में असमर्थ।
बूटबॉक्स पॉपअप बनाने में असमर्थ। नीचे मेरा कोड है:- var blockManager = editor.BlockManager; blockManager.add('design', { लेबल: 'डिजाइन', सा...
अंक #1611
स्क्रिप्ट टैग JSON त्रुटि बनाएँ
नमस्ते। मैं Grapesjs में ब्लॉक बना रहा हूं और मुझे होवर प्रभाव और अधिक के लिए उन पर जेएस का उपयोग करने की आवश्यकता है .. प्रत्येक ब्लॉक के...
अंक #1034
मूल तत्व के अंदर तत्व या ब्लॉक डालें
शुभ दिन, मेरे पास घटक है, ब्लॉक है मेरे पास परिवर्तन सुनने पर विशेषता है, मैं उस ब्लॉक के अंदर "h1" कैसे जोड़ सकता हूं "'<div class="contai...
अंक #1325
विशिष्ट ब्लॉकों/घटकों के लिए ड्रॉप को अक्षम कैसे करें
नमस्कार निम्नलिखित कोड के साथ हम यह इंगित करने में सक्षम हैं कि क्या उस विशेष घटक के अंदर अन्य घटक (ब्लॉक) को छोड़ना संभव है ...: हम यह इंग...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।