मैं grapes के साथ खेल रहा हूं ' आंतरिक क्योंकि मैं भविष्य में योगदान करना चाहता हूं। मेरी अधिकांश रुचि इसे सामान्य HTML साइटों के साथ लायक बनाने में है, भले ही उपयोग की जाने वाली CSS और HTML की शैली/संरचना (डॉकटाइप, बॉडी सपोर्ट आदि सहित)। मुझे उम्मीद थी कि layers पदानुक्रम DOM पेड़ का प्रतिनिधित्व करेगा। हालांकि यह अब...
maxtacco
बीटीडब्ल्यू, ऐसा लगता है कि लेयर मैनेजर https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/dom_components/model/Component.js#L35 संपत्ति का उपयोग https://github.com/artf/grapesjs करता है जब /blob/49100b2f634...
maxtacco
GrapesJS घटक आधारित है। इसलिए, मुझे लगता है कि यह इस मामले में टैग नामों के बजाय घटक नाम प्रदर्शित करता है। मुझे लगता है कि टैग नाम जोड़ना और/या परतों के पेड़ प्रतिपादन को अनुकूलित करना एक अच्छा सुधार होगा।
maxtacco
वास्तव में, घटक GrapesJS कई DOM तत्व शामिल हो सकते हैं, इसलिए इस मामले में टैग नाम प्रदर्शित करने का कोई मतलब नहीं हो सकता है क्योंकि आप एक घटक को स्टाइल करते हैं और इसके भीतर अलग-अलग तत्व नहीं।
क्या किसी भी ब्लॉक को हटाने से पहले पुष्टिकरण बॉक्स को सक्रिय करने का कोई विकल्प है?
artf
नहीं, लेकिन आप डिफ़ॉल्ट tlb-delete कमांड का विस्तार कर सकते हैं
Iceweex
@artf यह केवल टूलबार बटन के लिए काम करता है, लेकिन जब मैं अपने कीबोर्ड पर "हटाएं" दबाता हूं तो यह नहीं होता है। मैं इस घटना को कैसे ओवरराइड कर सकता हूं?
artf
हाय @Iceweex, दुर्भाग्य से, फिलहाल, आप नहीं कर सकते। अगली रिलीज के लिए, मैं उन आदेशों को केंद्रीकृत करूंगा और इसके ईवेंट जीवनचक्र को भी अपडेट करूंगा, इसलिए उस स्थिति में, आप इस तरह से कार्य को प्राप्त करने में सक्षम होंगे
HTML बदलने के बाद Grapes पर init() कॉल करना विफल हो जाता है। यह स्थिति एक पेज के ऐप्स पर होती है। मुझे लगता है कि Grapes को इनायत से रीसेट करने के लिए एक destory() फ़ंक्शन की आवश्यकता है। https://jsfiddle.net/wdtrg1je/ (एक पेज ऐप की बहुत नंगी हड्डियों का सिमुलेशन)"Grapes जोड़ें" पर क्लिक करें (कुछ HTML के साथ Grapes ल...
nojacko
ऐसा लगता है कि मैं अकेला नहीं हूं जो इसे 😉 चाहता है। सिंगल पेज ऐप्स वे हैं जहां इसका मूल्य है (मैं जो मुद्दा उठाता हूं लेकिन कुछ मेमोरी को भी मुक्त करता हूं)। जब मुझे कुछ मिलेगा तो मैं एक पीआर बढ़ाने की कोशिश करूंगा।
artf
जैसा कि पहले ही उल्लेख किया गया है यहां, वर्तमान में, मुझे इस तरह की सुविधा शुरू करने (एक अच्छी नष्ट विधि बनाने) में कोई मूल्य नहीं दिखता है, लेकिन कुछ पीआर :) देखकर वास्तव में खुशी होगी
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
नमस्ते मैं dom_components के अंदर एक नज़र डाल रहा हूं, लेकिन यह पता नहीं लगा पा रहा हूं कि स्टाइलिंग पहलू को मैन्युअल रूप से कैसे ओवरराइड किया जाए। मुझे घटक के लिए वास्तविक सीएसएस वर्ग के बजाय सभी नई शैलियों को शैली टैग में सहेजने में सक्षम होने के लिए एक तरीका चाहिए। (एक घटक को स्थानांतरित करने का प्रयास करें जिसे बल...
ryandeba
हाय @Owchzzz, ऐसा लगता है कि GrapesJS के मूल में बेक किया गया है कि घटकों में स्टाइल टैग नहीं होगा - देखें यह उदाहरण जहां इसे स्पष्ट रूप से हटा दिया गया है। मुझे यकीन नहीं है कि इस व्यवहार को संशोधित करने से आपके उपयोग के मामले को पूरी तरह...
Amir2828
तो क्या आपने कोई पूर्ण समाधान खोजने का प्रयास किया जो बिना किसी बदलाव के स्टाइल टैग को बरकरार रखता है?
amenk
@ryandeba द्वारा समाधान केवल इनलाइन शैली विशेषताओं के उपयोग को प्रभावित करता है जैसे <div style="...">. (लेकिन मेरे लिए उन लोगों को भी उस प्रोटोटाइप को अधिलेखित किए बिना फ़िल्टर नहीं किया गया था। हमें समस्या हो रही है कि फ़िल्टर किया गया ह...
जब किसी विशेषता में दोहरे उद्धरण जोड़े जाते हैं तो यह HTML को तोड़ देता है। https://jsfiddle.net/szLp8h4n/ लिंक ब्लॉक में खींचें। संपादक में लिंक पर क्लिक करें"घटक सेटिंग्स" पैनल पर जाएंtitle फ़ील्ड में This is an "example" दर्ज करें। व्यू कोड आइकन पर क्लिक करें। अमान्य HTML उत्पन्न होता है
artf
जेम्स को पकड़ने के लिए धन्यवाद पीआर का स्वागत है
artf
@nojacko मैं रिलीज से पहले फाइलें नहीं बनाता, इसलिए यदि आप dist से फाइलों का उपयोग कर रहे हैं तो आप अभी भी पुराने का उपयोग कर रहे हैं
artf
https://github.com/artf/grapesjs/pull/939 द्वारा तय किया गया
मैं निम्नलिखित के बजाय क्या उपयोग कर सकता हूं- editor.setHtml( arrdata['html'] ),editor.setCss( arrdata['css'] ), नीचे दिए गए कोड में।
rajatkumcom
नीचे मेरा कोड है:- मैं निम्नलिखित के बजाय क्या उपयोग कर सकता हूं- editor.setHtml( arrdata['html'] ),editor.setCss( arrdata['css'] ), अग्रिम में धन्यवाद।
artf
बस अपने टेम्पलेट डेटा को लोड करने के लिए उनका उपयोग न करें वह सब कुछ है जो आपको चाहिए
मेरे पास बड़ी मात्रा में स्थिर वेबसाइटें हैं, कुछ जिन्हें काफी समय पहले विकसित किया गया है (बूटस्ट्रैप आदि का उपयोग करके) और कुछ जिन्हें हाल ही में विकसित किया गया है (सीएसएस ग्रिड आदि का उपयोग करके)। कुछ इनलाइन शैलियों का उपयोग करते हैं, कुछ वर्ग आधारित स्टाइल का उपयोग करते हैं, कुछ शैली घटक पदानुक्रम (उदाहरण के लिए...
tommedema
@artf धन्यवाद, मैं देखता हूं। मुझे वास्तव में यह पसंद है कि आप ब्राउज़र के सीएसएस पार्सर पर भरोसा करते हैं क्योंकि मैं पहले से ही बड़े टेम्पलेट्स के साथ प्रदर्शन के मुद्दों को देख रहा हूं। यदि आप भी पोस्टसीएस जैसी किसी चीज़ पर भरोसा करते ह...
artf
मेरा मानना है कि Grapes पूरी तरह से बीईएम जैसी सीएसएस स्टाइल के साथ काम करता है। यानी प्रत्येक घटक का अपना वर्ग होता है। क्या यह सही है? क्या "चयनकर्ता/वर्ग दर्शक" है जो आपको केवल वर्ग-आधारित चयनकर्ताओं की शैलियों को संपादित करने में सक्षम...
tommedema
@artf उत्तर के लिए धन्यवाद! मुझे लगता है कि मुझे अपने उपयोग के मामले को और अधिक समझाने की आवश्यकता हो सकती है। यह हमेशा यथार्थवादी नहीं होता है कि किसी व्यक्ति को टेम्पलेट आयात करने से यह परिभाषित करने के लिए कि सीएसएस बाहरी पुस्तकालयों से...
सभी को नमस्कार। मुद्दा यह है: घटनाएं, बस आग नहीं हैं, कैनवास पर (में) खींचने के बाद। editor.on('canvas:dragover')editor.on('canvas:drop')editor.on('canvas:dragenter')editor.on('canvas:dragend') कोड रेपो से सिर्फ डेमो कोड है, इस 4 घटनाओं को जोड़ने के साथ। यहाँ कोड है: var editor = grapesjs.init({ शो ऑफसेट: 1, सूचनाअनलो...
konstantin55000
कोड वाक्यविन्यास है। मान्य। यहाँ कोड के साथ jsfiddle है https://jsfiddle.net/s9b2k7vp/ यहाँ डेमो है: https://www.screencast.com/t/pWcpkM7QO
konstantin55000
अपडेट करें। घटनाएँ सक्रिय हो रही हैं, लेकिन कैनवास में ब्लॉक ड्रॉप के बाद बस बाद। मुझे यकीन नहीं है कि यह एक मुद्दा*, क्योंकि ईवेंट कैनवास:ड्रैगेंड और कैनवास:ड्रैगओवर के बारे में क्या, यदि ब्लॉक कैनवास में नहीं गिरता है, तो वे बिल्कुल भी आ...
konstantin55000
बहुत खेद है। घटना grapes.js के privious संस्करण के कारण आग नहीं थी ध्यान देने के लिए सभी को धन्यवाद।
कस्टम कक्षाएं प्रदान करने वाले यूआई ढांचे का उपयोग करते समय, पैनल जैसी चीजों पर इन वर्गों का उपयोग करने में सक्षम होना अच्छा होगा, इसलिए आपको सीएसएस को फिर से लिखना नहीं पड़ेगा। एक संभावित वाक्यविन्यास हो सकता है: उदाहरण के लिए एक सेटर का उपयोग करके, प्रीसेट के लिए तथ्य के बाद ऐसा करने में सक्षम होना भी उपयोगी होगा। म...
artf
आप इस तरह से विशेषताएँ सेट कर सकते हैं
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
मैं gjs-assets, gjs-components, gjs-css, gjs-html, और gjs-style के साथ क्या करूँ? और मैं इन चीजों को अपने संपादक पर कैसे लोड करूं?
artf
gjs-html और gjs-css आपके अंतिम परिणाम हैं, इसलिए शायद आप उन्हें अंतिम उपयोगकर्ता के लिए किसी पृष्ठ पर प्रिंट करेंगे। gjs-components और gjs-style में आपके टेम्पलेट के बारे में JSON डेटा होता है, इसलिए यदि आपको संपादक में टेम्पलेट को संपादित...
josefph
@artf समस्याएं होंगी यदि मैं इसे संपादित करने के लिए सहेजे गए html और css को संपादक में सम्मिलित करूंगा? और gjs-components और gjs-style का उपयोग नहीं करें?
artf
@pranzikkin यदि आप कस्टम तत्वों का उपयोग करते हैं और आप अपने टेम्पलेट्स को संपादित करने के साथ स्थिरता की परवाह करते हैं, तो ठीक है, हाँ, आपको समस्याएँ मिलेंगी