एक घटक जो संपादन योग्य HTML सम्मिलित करता है

Question

क्या एक ब्लॉक बनाना संभव होगा जो उपयोगकर्ता को उत्तरदायी HTML में या तो सीधे टेम्पलेट पर या शैली/लेआउट प्रबंधक में किनारे पर लिखने की अनुमति दे?

ryandeba · Accepted Answer

हाय @NorthstarTech, मैंने अभी एक प्लगइन बनाया है (बहुत जल्दी, कुछ और काम का उपयोग कर सकता है) जो आपको मददगार लग सकता है: https://github.com/ryandeba/grapesjs-html-block । आपको बस उस फ़ाइल को अपने प्रोजेक्ट में शामिल करने में सक्षम होना चाहिए और प्लगइन को अपने grapesjs इनिट कॉन्फ़िगरेशन में शामिल करना चाहिए: 'grapesjs.init({ ..., प्लगइन्स: ['एचटीएमएल-ब्लॉक'] })` ऐसा करने के बाद, आपको एक नया "HTML कोड" ब्लॉक देखना चाहिए। इसे कहीं खींचें और छोड़ें, तत्व का चयन करें, और आपको टूलबार में एक "कोड" बटन...

ryandeba · Answer

@chiqui3d प्रारंभिक आंतरिक html को घटकों में grapesjs द्वारा पार्स करने से रोकने के लिए isComponent फ़ंक्शन को इसमें बदलें: मेरे द्वारा पोस्ट किए गए अन्य कोड को grapesjs मोडल के माध्यम से संपादन करने के बाद html को पार्स करने से रोकना चाहिए। दोनों की कुंजी यह है कि आपको आंतरिक html को components के बजाय content संपत्ति में सेट करने की आवश्यकता है।

ryandeba · Answer

मेरा मानना है कि इस मुद्दे को हल कर लिया गया है और यहां पहली टिप्पणी के आधार पर इसे बंद किया जा सकता है: https://github.com/ryandeba/grapesjs-html-block/issues/1। यदि आप इस मुद्दे को खुला रखना चाहते हैं तो आप अतिरिक्त विवरण के साथ @NorthstarTech पुष्टि या उत्तर दे सकते हैं?

एक घटक जो संपादन योग्य HTML सम्मिलित करता है

प्रश्न

जवाब (3)

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

404 पृष्ठभूमि छवि जोड़ने का प्रयास करते समय (डेमो में प्रतिलिपि प्रस्तुत करने योग्य)

एक पैनल बटन से एक HTML तत्व का चयन करें और ध्यान केंद्रित करें

कस्टम html का एक बड़ा टुकड़ा जोड़ने पर कैनवास अंधेरा और अपरिवर्तनीय हो जाता है.

शैलियाँ सभी कक्षाओं पर लागू होती हैं

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

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

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

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