मैंने एक कस्टम प्रकार और एक ब्लॉक बनाया है क्या इसे नाम या किसी अन्य माध्यम से DomComponents में सम्मिलित करना संभव है? मैं हर बार ब्लॉक को मैन्युअल रूप से ड्रैग नहीं करना चाहता। धन्यवाद।
z-vr
ओह, मुझे पता चला कि यह कैसे करना है - editor.addComponents({ type: 'MyComponent' }) के माध्यम से। क्या सीएसएस चयनकर्ता द्वारा इसे किसी विशिष्ट तत्व में सम्मिलित करने का कोई तरीका है? यह स्निपेट मिला, लेकिन मैं सही इंडेक्स कैसे ढूंढूंगा?
z-vr
ठीक है तो मैंने जो किया है वह है और फिर मुझे लगता है कि मॉडल ट्री को पार करना एक बहुत अच्छी विशेषता होगी - मैं किसी बिंदु पर पीआर पर काम करूंगा। चीयर्स!
artf
आप वास्तव में view.$el.data('model') के साथ नकद तत्व उदाहरण से मॉडल प्राप्त कर सकते हैं, इसलिए आप इसे कम कोड के साथ काम कर सकते हैं
हाय @artf, बहुत बढ़िया वेब बिल्डर फ्रेमवर्क और इसे बनाए रखें: +1: कोड : जैसा कि आप देख सकते हैं, क्या मैं अपने बैकएंड से गतिशील रूप से टैग बना सकता हूं? मैं अपने व्यू रेंडर इंजन के लिए ईजेएस टेम्पलेट का उपयोग करता हूं और ईजेएस को डेटा पास कर सकता हूं। आपका बहुत-बहुत धन्यवाद और आपका दिन शुभ हो
artf
आप ब्लॉक की सामग्री को इस तरह से अपडेट कर सकते हैं
bungambohlah
ओह, मैं देख रहा हूँ, बहुत बहुत धन्यवाद @artf
bungambohlah
नमस्ते, @artf मुझे कोई समस्या है, तो मेरा डायनेमिक-नेव ब्लॉक अब काम करता है, लेकिन जब मैं उस घटक को कुछ स्क्रिप्ट देता हूं तो यह मुझे एक त्रुटि देता है। क्या मैं सही कर सकता हूँ? यदि नहीं तो कृपया मुझे सही करें, बहुत बहुत धन्यवाद यही मेरी...
नमस्ते हम आवश्यकता में से एक के लिए GrapesJS का मूल्यांकन कर रहे हैं। मूल्यांकन के हिस्से के रूप में मैं कस्टम कमांड 'इन्सर्ट प्लेसहोल्डर' बना रहा हूं, यह क्या करता है (मैं क्या करने की योजना बना रहा हूं) जब एक टेक्स्ट का चयन करता हूं और जब मैं इस कमांड पर क्लिक करता हूं, तो इसे चयनित कर्सर स्थिति में टेक्स्ट डालना चा...
mathieuk
#481 के साथ डुप्लिकेट करें
sarathksasi
धन्यवाद
edwardjiawei
जैसा कि मैंने grapesjs-plugin-customrte में किया था। लेकिन मैं अपने कोड को इस पर आधारित होने का प्रस्ताव नहीं करता, यह गड़बड़ है। आपको मेरे रेपो में डिजाइन, एचटीएमएल में कोड का परीक्षण करने में सक्षम होना चाहिए। el.contentEditable को लागू...
क्या परिसंपत्ति प्रबंधक को किसी पूरी तरह से अलग चीज़ (जैसे CKFinder - https://ckeditor.com/ckeditor-4/ckfinder/) से बदलना संभव है? वैकल्पिक रूप से, क्या grapesjs के संदर्भ के बाहर शामिल परिसंपत्ति प्रबंधक को लॉन्च करना संभव होगा?
artf
खैर, पहले कभी इसकी कोशिश नहीं की थी, लेकिन मुझे लगता है कि आप इसे केवल वर्तमान कमांड को बदलकर प्राप्त कर सकते हैं इस प्रकार कमांड को https://github.com/artf/grapesjs/blob/e921165a8d681b5d1056c816f88dd7719d4f61e0/src/dom_components/view/Com...
ryandeba
@artf धन्यवाद! मैं आपके सुझाव से इसे बहुत जल्दी काम करने में सक्षम था।
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
मेरे पास एक उपयोग का मामला है जहां मैं कुछ विशिष्ट घटकों को पूरी तरह से बंद करना चाहता हूं (यानी आकार बदलने योग्य नहीं, खींचने योग्य नहीं, कॉपी करने योग्य नहीं, हटाने योग्य नहीं, आदि)। मेरे पास यह ज्यादातर काम कर रहा है, लेकिन मुझे छवियों के साथ समस्या हो रही है - मैं डबल-क्लिक कार्यक्षमता को रोक नहीं सकता हूं जो परिस...
artf
हाँ, आप सही कह रहे हैं, मैं editable का उपयोग केवल पाठ घटकों के लिए करता हूं, लेकिन आप जो पूछ रहे हैं वह वास्तव में समझ में आता है। मुझे आपका पीआर स्वीकार करने में खुशी होगी। आपको मॉडल में editable: true, जोड़ना चाहिए https://github.com/ar...
ryandeba
धन्यवाद @artf! यहाँ पुल अनुरोध है: https://github.com/artf/grapesjs/pull/496
artf
मर्ज किया गया https://github.com/artf/grapesjs/pull/496 👍
मैं html और css संपादक का उपयोग कर रहा हूं जिसका उल्लेख #324 में किया गया है। html और css को संपादित करने के बाद यह एक CSS उत्पन्न करेगा जहां मुझे संदेह है कि editor.setComponents() सुनिश्चित नहीं है कि यह एक बग या सामान्य व्यवहार है। grapesjs संस्करण - 0.12.8 grapesjs प्रीसेट - जीजेएस-प्रीसेट-न्यूज़लेटर 0.2.15
thecodefish
मेरे उपयोग के मामले में मैं लगातार संपादक के अंदर html/css प्राप्त कर रहा हूं और सेट कर रहा हूं, और मैंने जो पाया वह यह है कि यह 'डिफ़ॉल्ट' शैलियों की नकल करना समाप्त कर देगा (ऊपर की छवि में * और बॉडी स्टाइल देखें - वे दो बार दिखाई देते है...
thecodefish
@chiqui3d मुझे लगता है कि जब भी आपको किसी बाहरी स्रोत से सीएसएस को संशोधित करने की आवश्यकता होती है, तो आप शायद पहले सीएसएस संगीतकार को रीसेट करना चाहेंगे। इसलिए यदि आपके कोड में editor.setStyle(css); जैसा कुछ है, तो आपको पहले editor.CssCo...
artf
सबसे पहले, अपने grapesjs संस्करण को अपडेट करें, फिर अपने परिवर्तनों के बारे में अधिक विशिष्ट रहें। आपने क्या बदला? अवांछित सीएसएस से आपका क्या मतलब है?
नीचे कोड मैं लक्षण और कस्टम अनुभाग के लिए इस्तेमाल किया है, लेकिन ब्लॉक के माध्यम से घटक जोड़ने के बाद, पाठ संपादित नहीं कर सकते हैं या विशेषता अद्यतन कैनवास अद्यतन नहीं है. मैं 'पाठ' बढ़ाया, इसके अलावा मैं html वापस नहीं मिलता है जब मैं editor.html () का उपयोग करें, इसके अलावा जब मैं छवि पर क्लिक यह परिसंपत्ति प्रबंध...
artf
अपने मॉडल में, आपको यह परिभाषित करने की आवश्यकता नहीं है data-gjs-* यह केवल HTML से आयात करने के लिए समझ में आता है, इसलिए इसे हटा दें: और आपको type: 'section', की भी आवश्यकता नहीं है। मैं जो देख रहा हूं उससे आपको addType को इस तरह परिभाषि...
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
नमस्ते क्या सिस्टम का अनुवाद करने का कोई विकल्प है? सादर अभिवादन यायर
artf
इस पर कई बार चर्चा की (उदाहरण के लिए #26) अगली बार, एक नया मुद्दा खोलने से पहले खोजने का प्रयास करें (उदाहरण के लिए translation पहले से ही पर्याप्त था) धन्यवाद
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
मेरा इरादा एक ब्लॉक बनाने का है जो केवल छवि घटकों (मैं grapes-blocks-basic से डिफ़ॉल्ट एक का उपयोग कर रहा हूं) को इसके अंदर गिराने की अनुमति देनी चाहिए। मेरे पास निम्नलिखित परीक्षण कोड है: हालाँकि, जब मैं उपरोक्त कोड चलाता हूं, तो क्या होता है कि मैं छवि कंटेनर के अंदर एक छवि घटक नहीं छोड़ सकता। हरा ड्रॉप कर्सर केवल क...
roytang
यह फिक्स काम करता है। धन्यवाद!
artf
@roytang आपका कोड ठीक लगता है, तो शायद समस्या सिर्फ इसलिए है क्योंकि आपका घटक "बहुत अधिक खाली" है, इसलिए माउस पॉइंटर बस अंदर नहीं जा सकता है। थोड़ा सा पैडिंग जोड़ने की कोशिश करें और देखें कि क्या यह काम करता है
roytang
मेरे पास चौड़ाई और ऊंचाई 100px के साथ छवि-कंटेनर है। इसके अलावा, विस्तारित मॉडल में ड्रॉपेबल प्रॉपर्टी को हटाने से मुझे इसके अंदर टेक्स्ट और इमेज ड्रॉप करने की अनुमति मिलती है।
मैं नीचे दिए गए टेम्पलेट के लिए कस्टम घटक बनाने की प्रक्रिया में हूं और हम चाहते हैं कि उपयोगकर्ता टेक्स्ट, लिंक, होवर टेक्स्ट दर्ज करें और छवि का चयन करें और छवि का चयन करने के लिए डिफ़ॉल्ट परिसंपत्ति प्रबंधक का उपयोग करना चाहते हैं लेकिन यह सुनिश्चित नहीं है कि कस्टम घटक में चयनित छवि कैसे प्राप्त करें? नीचे कोड है...
artf
@krunal039 आपको कस्टम घटक की आवश्यकता क्यों है? आपका टेम्पलेट बहुत सरल लगता है, सिर्फ एक साधारण ब्लॉक के बारे में क्या?
krunal039
@artf उत्तर के लिए धन्यवाद, हमें नीचे होवर टेक्स्ट, पृष्ठभूमि छवि और टेक्स्ट और हाइपरलिंक के लिए उपयोगकर्ता इनपुट की आवश्यकता है और कस्टम घटक का उपयोग करने के लिए सोचा गया है, लेकिन अगर हम उपयोगकर्ता को ऊपर दर्ज करने के लिए संकेत दे सकते ह...
artf
अपने टेम्पलेट के साथ एक ब्लॉक बनाने का प्रयास करें, इसे कैनवास के अंदर खींचें और आप उस सभी चीजों को बदलने में सक्षम होंगे