निर्यात विंडो में नए बटन के साथ कोई रिक्ति नहीं

Question

मैंने एक नया प्लगइन लागू किया है जो निर्यात विंडो में एक और बटन जोड़ता है, यह ठीक काम कर रहा है। हालांकि जब पृष्ठ प्रदर्शित होता है तो इसके और मौजूदा "निर्यात ज़िप" बटन के बीच कोई जगह नहीं होती है।

मैं grapesjs तरीके से एक स्थान जोड़ने के बारे में कैसे जा सकता हूं? क्या यह सिर्फ यह पता लगा रहा है कि कौन से html dom तत्व गुणों को ट्वीक करना है? .. उदाहरण के लिए, https://www.w3schools.com/jsref/dom_obj_all.asp

ryandeba · Accepted Answer

नमस्ते @kewilson, अगर मैं आपकी समस्या को सही ढंग से समझ रहा हूं, तो मुझे यकीन है कि बाएं पैडिंग के बजाय बाएं मार्जिन को सेट करना बहुत बेहतर काम करेगा ... क्या यह [स्क्रीनशॉट] (https://imgur.com/a/Fx1XL) आप जो हासिल करने की कोशिश कर रहे हैं उसके करीब है? यदि हां, तो आप अपने button.style.paddingLeft = "30px" कोड को button.style.marginLeft = "10px" से बदल सकते हैं। या आप इसे सीएसएस में कर सकते हैं (एक कस्टम सीएसएस फ़ाइल बनाएं और इसे grapes.min.css के ठीक बाद लोड करें): .gjs-mdl-content .gjs-btn-pr...

ryandeba · Answer

नमस्ते @kewilson, लाइव कोड उदाहरण (जैसे jsfiddle डेमो) के बिना काम करना थोड़ा मुश्किल है, लेकिन मैं कुछ मुद्दे देख रहा हूं: let buttons = editor.Modal.getElementsByTagName("button") || {}; यह शायद एक त्रुटि फेंक रहा है क्योंकि editor.Modal एक डोम तत्व नहीं है, इसलिए getElementsByTagName एक वैध विधि नहीं है। हालांकि editor.Modal.getContentEl().getElementsByTagName("button") काम करना चाहिए। यहां एक खाली वस्तु के लिए डिफ़ॉल्ट वास्तव में बहुत कुछ समझ में नहीं आता है। for (b in buttons) मैं getEleme...

kewilson · Answer

ठीक है तो button.style.paddingLeft = "30px"; काम करता है लेकिन मैंने देखा है कि सीमा क्षेत्र जहां बटन रहते हैं, दोनों के बीच अंतर नहीं करते हैं .. यानी, प्रत्येक बटन के पाठ के चारों ओर कोई बटन सीमा नहीं है। क्योंकि निर्यात ज़िप बटन हमारे नियंत्रण में नहीं है, हम इसके चारों ओर एक बटन बॉर्डर जोड़ने के बारे में कैसे जा सकते हैं और बाद में अपना .. उदाहरण के लिए गोल कोनों के साथ, आदि?

निर्यात विंडो में नए बटन के साथ कोई रिक्ति नहीं

प्रश्न

जवाब (3)

संबंधित प्रश्न और उत्तर

परतों में तत्व टैग नाम क्यों नहीं होता है?

छवि को कैनवास पर खींचें छवि नहीं दिखाता है

टेक्स्टब्लॉक बाद की पंक्तियाँ क्लिक करने पर कर्सर/रिचटेक्स्ट संपादक नहीं देती हैं, लेकिन इसके बजाय चुनी जाती हैं

Grapes js का उपयोग करके उत्तरदायी ईमेल टेम्पलेट बिल्डर

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

संबंधित ट्यूटोरियल

🚀 पेश है GrapesJS ईमेल ब्लॉकी: GrapesJS के लिए अंतिम ईमेल ब्लॉक लाइब्रेरी

ब्राउज़ प्लगइन श्रेणियाँ