मैंने इसे वेबसाइट डेमो पर पुन: प्रस्तुत किया है, इसलिए मुझे पता है कि यह मेरी कोडिंग के कारण नहीं है। यदि आप किसी पाठ ब्लॉक के लिए एक न्यूनतम-ऊंचाई, चौड़ाई सेट करते हैं और फिर सभी पाठ को हटा देते हैं ताकि यह रिक्त हो, जब आप पाठ को पुन: दर्ज करते हैं तो पाठ डुप्लिकेट हो जाता है।
ryandeba
हाय @markbailey, मैं उस समस्या को फिर से बनाने में सक्षम था और इसे ठीक करने के लिए एक पुल अनुरोध प्रस्तुत किया। डुप्लिकेट की गई सामग्री केवल डोम में दिखाई देती है, घटक गुणों में नहीं, और संपादन के बाद दृश्य को प्रस्तुत करने के लिए मजबूर कर...
markbailey
हाय @ryandeba, उस जानकारी और काम के लिए धन्यवाद। मैं आपके परिवर्तनों के विलय होने की प्रतीक्षा कर रहा हूं।
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
मैंने देखा कि वर्तमान डेमो में केवल संपत्ति संपादक का उपयोग करके अधिकांश ब्लॉकों का आकार बदलना संभव है, न कि ब्लॉक पर एंकर खींचकर (जो उदाहरण के लिए मानचित्र तत्व के साथ संभव है)। क्या यह डिजाइन द्वारा है या यह केवल एक विशेषता है जिसे अभी तक लागू नहीं किया गया है?
ryandeba
हाय @matthewgertner, मेरा मानना है कि इसे "आकार बदलने योग्य" संपत्ति के माध्यम से अलग-अलग घटकों पर सक्षम किया जा सकता है: component.set("resizable", true) । यह शायद display: inline शैली (उदाहरण के लिए एक <span> ), या ऐसे तत्वों पर बहुत अच्...
artf
@matthewgertner रयान के समाधान को काम करना चाहिए, और, हां, मैं उन्हें रयान द्वारा पहले से बताए गए कारणों से डिजाइन द्वारा लागू नहीं करता हूं, लेकिन आप वास्तव में आकार बदलने योग्य सक्षम के साथ ब्लॉक/घटक बना सकते हैं
matthewgertner
@ryandeba @artf बढ़िया, सुझाव के लिए धन्यवाद। हम अब कोडबेस के साथ खेल रहे हैं इसलिए हम इसे आज़माएंगे।
क्या एक ब्लॉक बनाना संभव होगा जो उपयोगकर्ता को उत्तरदायी HTML में या तो सीधे टेम्पलेट पर या शैली/लेआउट प्रबंधक में किनारे पर लिखने की अनुमति दे?
ryandeba
हाय @NorthstarTech, मैंने अभी एक प्लगइन बनाया है (बहुत जल्दी, कुछ और काम का उपयोग कर सकता है) जो आपको मददगार लग सकता है: https://github.com/ryandeba/grapesjs-html-block । आपको बस उस फ़ाइल को अपने प्रोजेक्ट में शामिल करने में सक्षम होना चाह...
ryandeba
@chiqui3d प्रारंभिक आंतरिक html को घटकों में grapesjs द्वारा पार्स करने से रोकने के लिए isComponent फ़ंक्शन को इसमें बदलें: मेरे द्वारा पोस्ट किए गए अन्य कोड को grapesjs मोडल के माध्यम से संपादन करने के बाद html को पार्स करने से रोकना चाहि...
ryandeba
मेरा मानना है कि इस मुद्दे को हल कर लिया गया है और यहां पहली टिप्पणी के आधार पर इसे बंद किया जा सकता है: https://github.com/ryandeba/grapesjs-html-block/issues/1। यदि आप इस मुद्दे को खुला रखना चाहते हैं तो आप अतिरिक्त विवरण के साथ @Northst...
वीडियो लक्षणों में कस्टम HTML प्रकार कैसे जोड़ें ताकि उपयोगकर्ता iframe कोड दर्ज करने में सक्षम हो सके और यह html में एम्बेड हो जाएगा।
artf
मैं कहूंगा कि यह पूरी तरह से अलग तरह का घटक है।
Deepak813
क्या हमें यह घटक अगले संस्करण में वीडियो प्रकार के लक्षणों में मिला।
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
क्या यह संभव है, और यदि ऐसा है तो यह कैसे करना है, एक कस्टम HTML तत्व का उपयोग करने के लिए उदाहरण के लिए। <शरीर> <मेरा-कस्टम-टैग/> </शरीर> जो पूर्वावलोकन विंडो के लिए विशिष्ट html प्रस्तुत करेगा, लेकिन स्रोत कस्टम टैग आउटपुट करेगा? धन्यवाद पॉल
artf
हां, आप अपने कस्टम घटक में विभिन्न टैग नामों का उपयोग कर सकते हैं
paulroberttaylor-zz
धन्यवाद @artf, यह मुझे सही दिशा में इंगित करता है। अगर मैं चाहता हूं कि कस्टम टैग कोड में दिखाई देने के लिए ब्लॉक में संपादन योग्य कुछ भी होना चाहिए, तो मैं इसे कैसे प्राप्त करूंगा?
नमस्ते मेरे पास एक ऐप के लिए एक विचार है जो मुझे लगता है कि मेरे क्षेत्र के लोगों को उपयोगी लगेगा। अनिवार्य रूप से, एक ढांचा है जिसका उपयोग हम एप्लिकेशन डेवलपमेंट के लिए करते हैं लेकिन इसके लिए कोई यूआई बिल्डर नहीं है। इसमें काफी बड़ा css/icons/svg/fonts एसेट फ़ोल्डर है। मैं जो करना चाहता हूं वह एक प्लगइन बनाने में सक...
artf
हाय पॉल, आप इस तरह से बाहरी शैलियों को इंजेक्ट कर सकते हैं
paulroberttaylor-zz
शानदार! @artf धन्यवाद
suraj740
हाय @paulroberttaylor, आपने शैलियों के अंदर फोंट कैसे शामिल किए हैं, मैं भी ऐसा ही कर रहा हूं लेकिन कुछ भी बदलाव नहीं होता है const editor = grapesjs.init({ ... कैनवास: { शैलियाँ: ['<लिंक href="https://fonts.googleapis.com/css?family=Robot...
नमस्कार GrapesJS (शायद) के साथ नया मुद्दा है। मैंने bm.add() का उपयोग करके नया घटक बनाया है जिसमें मैंने <thead> और <tbody> टैग के साथ एक तालिका तत्व का उपयोग किया है। लेकिन editor.getHtml() विधि का उपयोग करके html प्राप्त करते समय, <thead> और <tbody> टैग को छोड़ दिया जाता है। क्या आप कृपया मदद कर सकते हैं? ! [2017-11...
artf
@fsaiyedOB हाँ, मैंने तालिका घटक को इस तरह बनाया है क्योंकि लिखने के उस समय सॉर्टर अलग तरह से काम कर रहा था और यह चारों ओर tbody जैसे तत्वों के साथ पंक्तियों को ऑर्डर करने में गड़बड़ था। वर्तमान में, तालिकाओं से निपटना यह मेरी प्राथमिकता न...
ryandeba
धन्यवाद! मैं अगले कुछ दिनों में इस पर शुरू करने की कोशिश करूंगा।
ryandeba
हाय @artf - मैं शायद किसी बिंदु पर इस पर एक नज़र डाल सकता हूं। मैंने तालिका घटक (पंक्तियाँ 54-68) में "गैर पंक्तियों से तालिका पंक्तियाँ" अनुभाग को हटाकर शुरू किया है। क्या आप मुझे सही दिशा में बता सकते हैं कि इससे किन समस्याओं का सामना कर...
एक कस्टम घटक बनाने का प्रयास करते हुए, डेमो यहां और कोड यहां देखें। दो button खींचें, फिर दो button + link खींचें दो बटन उचित चौड़ाई हैं, लेकिन कस्टम घटक कुछ अजीब पूर्ण चौड़ाई निश्चित ऊंचाई वाली चीज है क्यों? ! [छवि] (https://user-images.githubusercontent.com/1036968/33134633-4792f4d2-cf6e-11e7-84b1-cd588a3e6d95.png)
artf
डिफ़ॉल्ट tagName संपत्ति एक div है, इसे अपने मॉडल में बदलें
Geczy
अब समझ में आता है, धन्यवाद
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
@artf क्या आप कृपया रंग, मूल्यों और डेटा बिंदुओं को बदलने के लिए लक्षणों के साथ chart.js का उपयोग करने वाले चार्ट का एक पूर्ण उदाहरण दे सकते हैं? अगर मुझे मदद मिल सके तो यह बहुत अच्छा होगा।
Geczy
आप यहां सैंडबॉक्स डेमो का उपयोग कर सकते हैं https://github.com/artf/grapesjs/issues/559 यह आपको लक्षणों को संशोधित करने और डोम को अपडेट करने देता है। आपको आरंभ करना चाहिए
suchithmahadi
@artf कृपया मेरी मदद करें।
artf
इस तरह के प्रश्न के लिए @suchithmahadi मैं https://stackoverflow.com पर पूछने की सलाह दूंगा
मैं देख सकता हूं कि कक्षाएं कैनवास पर जोड़ी गई हैं, लेकिन जब मुझे editor.gethtml() के माध्यम से html मिलता है, तो मैं इसलिए कुछ कक्षाएं शामिल नहीं हैं और यह बिना किसी कक्षा के सिर्फ divs है। कैनवास पर HTML और HTML के साथ संलग्न स्क्रीनशॉट editor.gethtml() के माध्यम से html ! [कब्जा] (https://user-images.githubusercont...
Geczy
यह मत सोचो gjs- उपसर्ग कक्षाएं वापस आ जाएंगी
arthuralmeidap
जब आप editor.getHtml का उपयोग करते हैं तो यह केवल html लौटाता है . यदि आपको सीएसएस की भी आवश्यकता है, तो आप editor.getCss() का उपयोग कर सकते हैं।
Geczy
मैं न्यूज़लेटर-प्लगइन का उपयोग करता हूं और const html = window.grapesjs.editors[0].runCommand('gjs-get-inlined-html')