नमस्ते, तो, इस अंक #2861 में हम एक चयनित तत्व के सभी सीएसएस प्राप्त कर सकते हैं और यह बच्चे के साथ हैं: लेकिन अगर मैं सभी सीएसएस प्राप्त करना चाहता हूं लेकिन बिना विशिष्ट घटक और यह बच्चे हैं या बिल्कुल उपरोक्त के विपरीत हैं क्या ऐसा करने का कोई तरीका है?
mcottret
हाय @RJCAM ! मुझे नहीं लगता कि इसे प्राप्त करने का कोई अंतर्निहित तरीका है, लेकिन आपके द्वारा लिंक किए गए उत्तर के शीर्ष पर निर्माण करते हुए, आप सभी घटकों के सीएसएस को पुनरावर्ती रूप से जोड़ सकते हैं, चयनित एक और उसके बच्चों को निम्नलिखित...
mcottret
@RJCAM मुझे खेद है कि मैंने अभी देखा कि मेरा पिछला उत्तर काम नहीं कर रहा था क्योंकि बच्चों के साथ एक घटक के सीएसएस को पुनः प्राप्त करने में बच्चों का सीएसएस भी शामिल था (इसलिए इसने डुप्लिकेट शैलियों का उत्पादन किया, साथ ही चयनित घटक की शैल...
RJCAM
हाय @mcottret, आपकी प्रतिक्रिया के लिए धन्यवाद मुझे लगता है कि आपका अधिकार है, मैं आपके कोड को संपादित करने जा रहा हूं ताकि यह काम हो सके जैसा कि मैं उम्मीद करता हूं मैं वास्तव में आपकी मदद की सराहना करता हूं, धन्यवाद!
संस्करण: 0.16.18 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [x] हाँ: https://jsfiddle.net/ju1a0onx/ अपेक्षित व्यवहार क्या है? शैली परिवर्तन के बाद ऑटोसेव को हमेशा "स्टोर" कमांड को कॉल करना चाहिए, तब भी जब कक्षाएं अक्षम हों वर्तमान व्यवहार क्या है? जब आप किसी तत्व पर सभी वर्गों को अक्षम करते हैं (या उन सभी को न...
artf
रिपोर्ट के लिए धन्यवाद, editor.load विधि के साथ एक बग है, जिसे वर्तमान में इस तरह से पैच किया जा सकता है वास्तव में, यदि आपने editor.load() का उपयोग केवल इसलिए किया है क्योंकि यह स्टार्ट पर लोड नहीं होता है, तो क्योंकि आपको अपने कस्टम स्टो...
Joshmamroud
@Davidvlv मैं एक ही समस्या का सामना कर रहा हूं। मेरा मानना है कि यह कॉन्फ़िगरेशन में avoidInlineStyles: 1 का एक संयोजन है और कोई वर्ग नहीं चुना जा रहा है। ऐसा लगता है कि यह avoidInlineStyles: 0 के साथ अपेक्षित रूप से काम करता है
Davidvlv
मैंने इसे आजमाया है, और वह सेटिंग इसे तब सहेजने से रोकती है जब इसे सहेजना चाहिए, लेकिन यह हमारे अंत में कुछ अन्य मुद्दों का परिचय देती है कि हम बाद में आउटपुट का उपयोग कैसे कर रहे हैं। हमने इन मुद्दों से बचने के लिए avoidInlineStyles को चा...
मैं grapesjs में डिफ़ॉल्ट आरटीई को समरनोट से बदलने की कोशिश कर रहा हूं। मुझे समरनोट के लेखक से कुछ मदद मिली और मुझे यह [कोडपेन] (https://jsfiddle.net/easylogic/hxre19cL/43/) कुछ हद तक काम करने के लिए मिला, लेकिन समरनोट लेखक ने निष्कर्ष निकाला कि: But grapejs p element is a content in iframe. In other words, there is a...
wfcheng
कुछ और बदलाव किए और अब समरनोट टूलबार सही ढंग से दिखाई देता है लेकिन केवल बुलेट फॉर्मेटिंग काम करता है। नया कोडपेन यहां है। @artf किसी भी पॉइंटर्स की बहुत सराहना की जाएगी।
timramseyjr
@wfcheng क्या आप कभी इसके साथ कहीं मिले हैं? कोडपेन में कैनवास स्क्रिप्ट/शैलियाँ शामिल हैं जो iframe के अंदर संसाधनों को जोड़ती हैं, इसलिए मैं थोड़ा उलझन में था कि समरनोट लेखक किस बात का जिक्र कर रहा था।
wisecheng38
@timramseyjr मैंने चयनित पाठ पर फ़ॉन्ट शैलियों और रंग को लागू करने की अनुमति देने के लिए आरटीई टूलबार में और बटन जोड़ना समाप्त कर दिया, भले ही grapesjs प्रलेखन शैली प्रबंधक का उपयोग करने की सिफारिश करता हो। मैंने पाया कि उन्हें टूलबार पर र...
विवरण: 0.16.18 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [एक्स] हाँ: https://codesandbox.io/s/empty-night-8q733?file=/index.js [ ] नहीं अपेक्षित व्यवहार क्या है? तत्व "लिंक बटन" div में नहीं होना चाहिए। एक div नहीं होना चाहिए, बस एक 'a' टैग होना चाहिए वर्तमान व्यवहार क्या है? कस्टम ब्लॉक को एक div में लपेटा ज...
mcottret
हाय @BerkeAras ! जैसा कि आरंभ करना पृष्ठ पर दिखाया गया है, आप डिफ़ॉल्ट div टैग को ओवरराइड करने के लिए कस्टम ब्लॉक और घटकों को परिभाषित करते समय एक tagName गुण निर्दिष्ट कर सकते हैं। चीयर्स !
artf
आप किसी घटक के लिए विवरण पास कर रहे हैं (डिफ़ॉल्ट के रूप में <div> ) और फिर उस घटक में आंतरिक content (<a> टैग) जोड़ रहे हैं
सीधे रैपर पर आयात किया गया पाठ घटक के साथ कैनवास से नहीं निकाला जाता है। यह सत्यापित करने के लिए कि कोई डेमो में कई बार सरल ग्रंथों को आयात कर सकता है और देख सकता है कि वे पिछले एक को बदलने के बजाय कैसे गठबंधन करते हैं। इसे जोड़ने से मदद मिलती है: editor.DomComponents.addType('textnode', { मॉडल: { हटाए गए () { var el...
artf
मैं आपके उदाहरण का अनुसरण नहीं करता, क्या आप कृपया पुन: पेश करने के लिए सटीक चरणों का वर्णन कर सकते हैं?
neon12345
https://grapesjs.com/ demo-newsletter-editor.html पर न्यूज़लेटर डेमो पर जाएं और "हैलो" जैसे सरल पाठ के साथ "आयात टेम्पलेट" फ़ंक्शन का उपयोग करें लेकिन कोई HTML नहीं (या इसे रूट स्तर पर html और टेक्स्ट के साथ संयोजित करें)। इसे दोहराएं और र...
artf
धन्यवाद @neon12345, मैं इस मुद्दे को खोजने में सक्षम था और इसे अगली रिलीज में ठीक किया जाना चाहिए
अरे @artf, मैं चयनित तत्व के आधार पर शैली गुणों को छिपाने की कोशिश कर रहा हूं। उदाहरण के लिए, जब मैं अपने GrapesJS पर एक छवि को खींचता और छोड़ता हूं, तो मैं केवल चौड़ाई की संपत्ति दिखाना चाहता हूं, लेकिन unstylable/stylable विशेषताएँ काम नहीं कर रही हैं। विवरण: "grapesjs": "^0.16.18", क्या आप डेमो से बग को पुन: पेश कर...
mcottret
हाय @cartifon ! मेरा मानना है कि stylable विशेषता केवल घटकों पर काम करती है और ब्लॉक नहीं जैसा कि आपके उदाहरण में है। निम्नलिखित को चाल करनी चाहिए: चीयर्स !
cartifon
मेरा एक और सवाल है, क्या अनस्टाइल उसी तरह काम करेगा?
cartifon
अरे @mcottret, मदद के लिए धन्यवाद। हाँ, यह उसके साथ काम करता है! शायद उस पर दस्तावेज़ीकरण अधिक स्पष्ट होना चाहिए।
संस्करण: 0.16.12 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [ ] हाँ [x] नहीं (इसमें कस्टम RTE शामिल नहीं है) अपेक्षित व्यवहार क्या है? कस्टम आरटीई का उपयोग करते समय, जनरेटेड/निर्यात किया गया कोड आरटीई के जेनरेट किए गए कोड के अनुरूप होना चाहिए वर्तमान व्यवहार क्या है? जेनरेट किया गया कोड टेक्स्ट कंपोनेंट कैनवास...
artf
आपका समाधान सही 👍 लगता है एक पीआर वास्तव में मददगार होगा
mcottret
विस्मयकारी! artf/grapesjs-plugin-ckeditor#39 और #2977 खोला गया।
रिएक्ट-पीडीएफ का हवाला दिया गया है डॉक्स में लेकिन मुझे कहीं भी इसका कोई अन्य उल्लेख नहीं दिख रहा है ... क्या किसी को पता है कि क्या एक कार्यशील परियोजना कभी grapesjs पीडीएफ टेम्पलेट बिल्डर के रूप में उपयोग करके बनाई गई थी? दोनों को एकीकृत करने के तरीके के बारे में कोई भी जानकारी अत्यधिक सराहना की जाएगी =)
artf
आप कस्टम घटक बना सकते हैं और रिएक्ट-पीडीएफ घटकों के व्यवहार को प्रतिबिंबित कर सकते हैं (जैसा कि हमने एमजेएमएल के साथ किया है) इसलिए यह समझने के बारे में है कि कस्टम घटक कैसे काम करते हैं।
आप GrapesJS में क्या जोड़ने की कोशिश कर रहे हैं? आईडी का उपयोग करके तत्व में कस्टम शैलियाँ (जैसे पृष्ठभूमि) जोड़ना। क्या नवीनतम संस्करण में कोई विकल्प है? [ ] हाँ (विकल्प का वर्णन करें) [एक्स] नहीं क्या यह किसी मुद्दे से संबंधित है? [ ] हाँ (मुद्दे का लिंक दें) [एक्स] नहीं
artf
उचित तरीका यह होगा:
mcottret
हाय @BerkeAras ! जाहिरा तौर पर यह अनिर्दिष्ट है, लेकिन editor.Components.allById() वह हो सकता है जिसकी आप तलाश कर रहे हैं, जैसे: आशा है कि यह मदद करेगा, चीयर्स :)!
"JSON.stringify(editor.getComponents())" का आउटपुट दर्शाता है कि किसी छवि का src दो बार संग्रहीत किया जाता है। { "प्रकार": "छवि", "शून्य": सच, "स्थिति": "चयनित", "सामग्री": "", "विशेषताएँ": { "आईडी": "iy3c7", "एसआरसी": "डेटा: छवि/पीएनजी; आधार64,..." <--- 1. }, "src": "डेटा: छवि/पीएनजी; बेस 64 ,...", <--- 2. "एक्टिवऑनर...
artf
@longdoan7421 मुझे लगता है कि हम इसे toJSON विधि में हटा सकते हैं जब src attribute.src के बराबर हो और सुनिश्चित करें कि लोड पर सही ढंग से वापस लोड किया गया है
longdoan7421
हाय @artf, मैंने अभी ComponentImage के माध्यम से एक त्वरित नज़र डाली। मुझे लगता है कि छवि मॉडल में src संपत्ति को छोड़ना और उस कोड को बदलना संभव है जो ComponentImage में src का उपयोग करता है और attribute.src के साथ ComponentImageView करता...