आकार बदलने योग्य, px आउटपुट में unitWidth का उपयोग करके प्रतिशत में।

Question

हाय @artf, इस अद्भुत ढांचे को बनाने के लिए धन्यवाद। हाल ही में मैंने आपके [flexbox plugin] (https://github.com/artf/grapesjs-blocks-flexbox) के आधार पर एक कस्टम घटक बनाया है। ! [डेमो] (https://cdn.kapwing.com/final5cc6e37564533c0013870e09827753.gif) लाल तीर मॉडल का वास्तविक मूल्य है। हरा तीर वही है जिसकी मुझे उम्मीद थी। क्या unitWidth px के रूप में सेट करना संभव है, लेकिन आउटपुट percent होना चाहिए? यहाँ मैंने क्या कोशिश की हैमैंने उन्हें 2 घटक के रूप में अलग किया, grid घटक, केवल एक कंटेनर के रू...

artf · Accepted Answer

आह रुको, मेरी गलती, opts तीसरी है updateWidth(model, value, opts = {}) { btw setStyle में दूसरा तर्क विकल्प हैं (उदाहरण के लिए, परिवर्तन श्रोताओं को ट्रिगर करने से बचने के लिए { silent: true } ) और आपको उन विकल्पों को अपने श्रोताओं के कॉलबैक में भी मिलता है, इसलिए मैंने यह जानने के लिए एक कस्टम कुंजी fromPxToPerc रखी है कि आपके कस्टम तर्क से परिवर्तन कब ट्रिगर होता है

afdallah · Answer

तुम आदमी हो!! 👍 👍 आपका बहुत-बहुत धन्यवाद @artf ।

artf · Answer

हाय @afdallah, रिसाइज़र के दृष्टिकोण से आपको लक्ष्य को अनुकूलित करने के लिए updateTarget विकल्प का उपयोग करने की आवश्यकता होगी, लेकिन दुर्भाग्य से, आप पहले से ही [सेलेक्टकमांड द्वारा उपयोग किए जाने वाले भारी रूप से नहीं] (https://github.com/artf/grapesjs/ब्लॉब/dev/src/कमांड्स/व्यू/SelectComponent.js#L430-L473) इसलिए मैं आपसे अनंत लूप से बचने के लिए अपने updateWidth फ़ंक्शन में इसका उपयोग करने का प्रयास करने के लिए कहूंगा:

आकार बदलने योग्य, px आउटपुट में unitWidth का उपयोग करके प्रतिशत में।

प्रश्न

जवाब (3)

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

कैनवास से कस्टम घटकों का चयन संभव नहीं है।

वितरण में फ्लेक्सबॉक्स आइकन गायब हैं, लेकिन grapesjs.com डेमो पेज में प्रदर्शित किए गए हैं।

टाइप चेक में "टेक्स्ट" के बजाय "स्ट्रिंग" का उपयोग करें?

घटक 'जोड़ें' घटना अलग-अलग बार आग लगाती है

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

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

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

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