मैं एक कस्टम textarea घटक का निर्माण कर रहा हूं और चाहता हूं कि यह बिल्ट इन text घटक की तरह व्यवहार करे जैसे कि grapesjs कैनवास पर टेक्स्टनोड को संपादित करने से .components में पाए गए textnode को अपडेट किया जा सके। और मैं चाहता हूं कि घटक को HTML के रूप में सही ढंग से निर्यात किया जाए जैसे <textarea>MY user edited TEX...
artf
हाय @abulka, जैसा कि दृश्य में संपादन हो रहा है, दृश्य अपडेट होने के बाद आपको घटक मॉडल को अपडेट करना चाहिए। तो इसे कुछ इस तरह से काम करना चाहिए
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @abulka । TextNode संपादन अद्यतन घटक सामग्री कैसे बनाएं? के साथ समस्या एक दौड़ की स्थिति या राज्य प्रबंधन समय समस्या प्रतीत होती है। यह आमतौर पर तब होता है जब घटक जीवनचक्र की घटनाएं और DOM संशोधन ओवरलैप हो...
विवरण: एक प्रीएक्ट प्रोजेक्ट में 0.16.34 (https://unpkg.com/grapesjs से लौटे) और 0.16.22 का उपयोग करके नीचे कोडपेन में पुन: प्रस्तुत किया गया बग का वर्णन करें विस्तृत एक कस्टम GrapesJS घटक अपने दृश्य के "onRender" फ़ंक्शन को कॉल करता है जब घटक को कैनवास पर प्रस्तुत किया जाता है। दस्तावेज़ीकरण के अनुसार: ! [छवि] (https...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @Dmurl5। कस्टम घटक दृश्य onRender को अर्ली कहा जाता है के साथ समस्या दौड़ की स्थिति या राज्य प्रबंधन समय की समस्या प्रतीत होती है। यह आमतौर पर तब होता है जब घटक जीवनचक्र की घटनाएं और DOM संशोधन ओवरलैप होते...
अरे @artf, मैं उपयोगकर्ता से जावास्क्रिप्ट इनपुट ले रहा हूं। मुझे इस जावास्क्रिप्ट को टेम्पलेट HTML के अंदर जोड़ने की आवश्यकता है लेकिन यह साफ हो जाता है। क्या कोई तरीका है जिससे मैं सैनिटाइजेशन बंद कर सकूं? (मुझे #3245 में आपके द्वारा उल्लिखित समस्याओं से कोई समस्या नहीं है) या क्या आप संपादक में कोई संपत्ति जोड़ सकत...
theSC0RP
मैंने स्क्रिप्ट को iframe में जोड़ने की कोशिश की जिसमें कैनवास iframe के शरीर के अंत में एक <script> टैग जोड़कर प्रस्तुत करता है। यह कुछ हद तक काम करता है। यहां समस्या यह है कि जब मुझे स्क्रिप्ट के अंदर जेएस को अपडेट करने की आवश्यकता होती...
artf
क्या आप कृपया अपने मुद्दे का प्रतिलिपि प्रस्तुत करने योग्य डेमो प्रदान कर सकते हैं?
theSC0RP
उत्तर @artf के लिए धन्यवाद। मैं iframe को अपडेट करते समय गलती कर रहा था इसलिए अब मेरी समस्या हल हो गई है! बस एक और सवाल, क्या iframe को ताज़ा करने के लिए कोई अंतर्निहित विधि है?
नमस्ते हम एक समस्या का सामना कर रहे हैं - संपत्ति के नाम का रंग जैसे "चौड़ाई" कैनवास पर एक नए घटक को खींचते समय नीला होता है, लेकिन हम इसके मूल्य को संशोधित नहीं करते हैं। ! [छवि] (https://user-images.githubusercontent.com/64573639/106257856-13935980-6258-11eb-92fb-6ad0e17da323.png) Grapesjs शक्तिशाली है, और हमारे लिए...
artf
हाय @luziye9 सुनिश्चित करने के लिए कि आप उस पर एक कस्टम style संपत्ति के साथ एक ब्लॉक/घटक का उपयोग कर रहे हैं ... वैसे भी, यदि आप एक बग समस्या खोल रहे हैं, तो आपको टेम्पलेट (grapesjs संस्करण, प्रतिलिपि प्रस्तुत करने योग्य डेमो, आदि) का पाल...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @luziye9। मूल्य बदलने पर संपत्ति का रंग नीला कैसे हो जाता है? के बारे में बढ़िया प्रश्न। कैनवास के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्यूल के लि...
मैं उन तरीकों के साथ खिलवाड़ कर रहा था जिनसे आप कैनवास के अंदर तत्वों की शैली को बदल सकते हैं और मैंने देखा कि तत्व की इनलाइन शैली रंग संपत्ति सेट करने के लिए रंग-बीनने वाली विशेषता का उपयोग करके (इनलाइन स्टाइल टैग नहीं जो आपको getCS() के माध्यम से मिलता है), वह शैली संपत्ति पूरी तरह से चली गई थी जब getHtml() का उपयोग...
artf
हाय @DodoTrip कारण यह है कि इनलाइन सीएसएस के साथ आप राज्यों (जैसे :hover) और मीडिया प्रश्नों के साथ शैलियों को परिभाषित नहीं कर सकते हैं, इसलिए मैंने इसे हमेशा एक सुविधा के बजाय एक बेकार सीमा के रूप में देखा है। इसके बावजूद, आप अभी भी उस व...
ThetripGr
हाय @artf और आपके उत्तर के लिए धन्यवाद। क्या आप मुझे एक उदाहरण दे रहे हैं कि यह अभी कैसे किया जाता है या इनलाइनस्टाइल से बचना चाहिए, इसे आसानी से काम करना चाहिए?
artf
ईमानदारी से, मैंने बहुत समय पहले avoidInlineStyle का उपयोग करना बंद कर दिया है, लेकिन मुझे लगता है कि यह काम करना 😁 चाहिए
मैं ब्लॉक के रूप में html स्ट्रिंग्स लिखते हैं, और बाहरी लिपियों और शैलियों का एक बहुत कुछ पेश करने की जरूरत है, लेकिन मैं सभी तरीकों की कोशिश की, जब मैं कैनवास के लिए ब्लॉक खींचें, स्क्रिप्ट प्रभावी नहीं है, लेकिन शैलियों लोड किया जा सकता है,मैं मदद पाने की उम्मीद है。 परिशिष्ट द्वारा लोड करें ! [छवि] (https://user-im...
harsh201
@sizhousama मैं संपादक को इनिशियलाइज़ करते समय कैनवास के माध्यम से स्क्रिप्ट/स्टाइलशीट लोड कर रहा हूं और grapesjs मेरे लिए काम करता है। अधिक विवरण यहां पाया जा सकता है। आशा है कि यह मदद करेगा!
sizhousama
कंसोल लोड दिखाता है ! [छवि] (https://user-images.githubusercontent.com/40018231/104895114-62dead80-596d-11eb-9f6e-0b73d17b3f02.png)
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @sizhousama । [प्रश्न] के बारे में बढ़िया सवाल: बाहरी जावास्क्रिप्ट कैसे लोड करें, मैंने सभी तरीकों की कोशिश की, बेकार। StyleManager के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से...
नमस्ते, मेरे पास निम्नलिखित मुद्दा है: मुझे एक ईवेंट टाइप editor.on ("sorter: drag: end") की आवश्यकता है जो इन सभी मामलों में फेंका जाता है: (पता लगाएं कि कौन सा तत्व और मैं इसे कहां छोड़ रहा हूं) 1- जब आप ब्लॉकमैनेजर से किसी तत्व को खींचते और छोड़ते हैं और इसे कैनवास पर छोड़ते हैं तो इसे सुनने दें। 2- जब आप पहले से ह...
bgrand-ch
नमस्कार भविष्य के प्रश्नों या तकनीकी मुद्दों के लिए, जो बग नहीं हैं, GitHub का [चर्चा] (https://github.com/artf/grapesjs/चर्चा) टैब आपके लिए सही जगह है। यदि इस मुद्दे का समाधान हो जाता है तो इसे बंद करना न भूलें या चर्चाएं -> प्रश्नोत्तर श...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @matiasmasciotta । घटकों को खींचें और छोड़ें: के बारे में बढ़िया सवाल है। ProseMirror के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित API का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्यूल के लिए GrapesJS द...
मैं GrapesJS के साथ खेल रहा हूं और इसे सिम्फनी 5 प्रोजेक्ट में एकीकृत करने की कोशिश कर रहा हूं। विशेष रूप से मैं बूटस्ट्रैप 4 और इनके आधार पर FontAwesome Pro और कस्टम ब्लॉक जैसे अन्य घटकों के आधार पर संपादक में टेम्पलेट्स को संपादित करने में सक्षम होना चाहता हूं। मैं एप्लिकेशन के लिए स्क्रिप्ट और स्टाइल फाइलों को उत्प...
ianef
यह वास्तव में शर्म की बात है। मैंने किसी अन्य साइट से लाने के बारे में कुछ नहीं कहा, मैं जो करना चाहता था वह इसे बाकी परियोजना के अनुरूप रखना था। ओह ठीक है, मैं एक ऐसे संपादक की तलाश करता रहूंगा जो वर्तमान तरीके से बड़े एप्लिकेशन के निर्मा...
artf
हाय इयान, यदि आपको URL से HTML सामग्री लोड करने की आवश्यकता है, तो मैं केवल इसे सर्वर-साइड लाने का सुझाव दे सकता हूं और उस सामग्री के साथ संपादक को प्रारंभ कर सकता हूं (ब्राउज़र में बाहरी संसाधनों को लोड करने से ज्यादातर क्रॉस-ओरिजिन समस्य...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @ianef । FEAT: URL से कैनवास बनाएं के बारे में बढ़िया सुझाव! हालाँकि यह विशिष्ट सुविधा अभी तक कोर API में नहीं है, लेकिन समान व्यवहार प्राप्त करने के कई तरीके हैं। इवेंट सिस्टम का उपयोग करना: वैकल्पिक दृष्...
मैं मैन्युअल रूप से एक प्रदान किए गए घटक में एक नया नोड जोड़ता हूं। दृश्य परिणाम ठीक है, लेकिन सहेजना असंभव है, क्योंकि मेरी शैली ऑटो-जनरेटेड GrapesJS आईडी के साथ नहीं है। इस पॉब्लेम को मैन्युअल रूप से हल करने के लिए, मैं इसमें प्रवेश करने के लिए घटक पर डबल-क्लिक करता हूं और मैं कैनवास बॉडी में बाहर क्लिक करता हूं। फि...
bgrand-ch
फ़ाइल TextEditor.vue अनुकूलित: लेकिन समस्या बनी हुई है: ✔️ span नोड चयन की पिछली सामग्री को font-family और color शैलियों के साथ बदल देता है। ❌ span नोड GrapesJS द्वारा पहचाना नहीं जाता है, क्योंकि GrapesJS ऑटो-जनरेट की गई शैलियों आईडी और d...
bgrand-ch
i️ सीधे HTML के साथ काम नहीं करता है, केवल JSON के साथ काम करता है। घटक = JSON नोड (html तत्व + GrapesJS डेटा) स्रोत: https://grapesjs.com/docs/modules/Components.htmlhttps://grapesjs.com/docs/api/component.html
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @bgrand-ch. नए नोड जोड़े जाने के बाद रीफ्रेश/री-रेंडर कैसे करें? के बारे में बढ़िया सवाल?। ProseMirror के साथ अनुशंसित दृष्टिकोण ईवेंट-संचालित एपीआई का उपयोग करना है। यहाँ से शुरू करें: अपने विशिष्ट मॉड्यू...
हाय @artf, इस महान ढांचे के लिए आपका बहुत-बहुत धन्यवाद। मैं grapesjs में योगदान देना चाहता हूं। हालांकि, मैं वेबपैक और बेबेल का उपयोग करने के बारे में बेवकूफ हूं। जब मैंने grapesjs बनाने की कोशिश की, तो मैं कुछ त्रुटियां ले रहा हूं। त्रुटियां: मैं इस त्रुटि को कैसे ठीक कर सकता हूं? धन्यवाद।
longdoan7421
@Swindler36 वह त्रुटि यह है कि यह eslint नहीं मिल सकता है। क्या आपने npm install चलाया?
fzerman
@longdoan7421 मैंने इस त्रुटि को ठीक कर दिया। धन्यवाद। मैं वेबपैक और बेबेल के बारे में दो नए प्रश्न पूछना चाहता हूं। मैं वेबपैक और बेबेल का अलग-अलग उपयोग कर सकता हूं। तथापि। मैं उन्हें एकीकृत नहीं कर सका। मैं यह कैसे कर सकता हूं? मैं एनपीए...
GJSBlock
इसकी रिपोर्ट करने के लिए धन्यवाद, @fzerman । प्रश्न: एनपीएम के साथ grapesjs बनाएं के साथ समस्या दौड़ की स्थिति या राज्य प्रबंधन समय की समस्या प्रतीत होती है। यह आमतौर पर तब होता है जब घटक जीवनचक्र की घटनाएं और डीओएम संशोधन ओवरलैप होते हैं,...