अंक #3375💬 उत्तर दियाखोला गया 31 मार्च 2021द्वारा christosapos0 प्रतिक्रियाएं

पाठ घटक के आधार पर विस्तारित बटन घटक में रिक्तियाँ नहीं जोड़ सकता.

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

ऐसा लगता है कि अंतरिक्ष क्रोम में click घटना को ट्रिगर करता है। समाधान keypress https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button पर preventDefault जोड़ने के लिए प्रतीत होता है पुनश्च। इस तरह से दृश्य का विस्तार करने से बचें। डिफ़ॉल्ट रूप से, जब आप किसी प्रका...

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

प्रश्न

हैलो दोस्तों, सबसे पहले मैं इस अद्भुत उपकरण के लिए अपना आभार व्यक्त करना चाहता हूं। मैंने पाठ घटक के आधार पर बटन घटक को बढ़ाया है ताकि लक्षणों का उपयोग किए बिना बटन की सामग्री को मैन्युअल रूप से संपादित किया जा सके। विस्तारित बटन घटक के लिए कोड यह है: var comps = editor.DomComponents;var defaultType4 = comps.getType('text'); editor.DomComponents.addType('button', { मॉडल:{ डिफ़ॉल्ट: { टैगनाम: 'बटन', कक्षाएं: ['.pointer'], //होवर पर क्लिक पॉइंटर जोड़ें, }, }, विस्तार: 'पाठ', is घटक: फ़ंक्शन (el) { अगर (el.tagName === 'BUTTON') return {type: 'button'}; }, देखें: defaultType4.view.extend({ घटनाएँ...

जवाब (2)

artf• 19 अप्रैल 2021

GJSBlock• 17 मई 2026

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

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