अब GrapesJS संपादक में, हमारे पास REM में कुछ फ़ॉन्ट आकार हैं। मुझे लगता है कि उन्हें EM इकाई में होना चाहिए क्योंकि अगर हम मौजूदा पृष्ठ में संपादक को एम्बेड करना चाहते हैं तो उचित फ़ॉन्ट आकार के साथ कुछ समस्याएं हो सकती हैं - मामले में जब मूल फ़ॉन्ट आकार अन्य पर सेट किया जाता है तो डिफ़ॉल्ट आकार (उदा. :root { font-si...
artf
हाँ, मुझे लगता है कि आप सही हैं, क्या आप एक पीआर बनाना चाहेंगे?
सभी को नमस्कार हम एक न्यूज़लेटर ऐप पर काम कर रहे हैं और न्यूज़लेटर प्रीसेट प्लगुइन और कुछ कस्टम परिवर्तनों के साथ ईमेल संपादक के रूप में grapesjs का उपयोग कर रहे हैं। हम HTMLs को अपने डेटाबेस में संग्रहीत करते हैं और मैंने देखा कि कुछ टेम्पलेट्स को editor.setComponents विधि के साथ लोड होने में बहुत लंबा समय लगता है। म...
artf
यह आपको दिखाता है कि प्रदर्शन https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/ के साथ समस्याओं का पता कैसे लगाया जाए
artf
हाय @iggolob आप एक टेम्पलेट का एक उदाहरण और समस्या को पुन: उत्पन्न करने के लिए सटीक कदम प्रदान कर सकते हैं (जब आप एक घटक का चयन करते हैं तो तथ्य के बारे में बात करना धीमा होता है)?
iggolob
हाय @artf समाचार पत्र डेमो पेज का उपयोग मुद्दे को पुन: पेश करने के लिए किया जा सकता है (https://grapesjs.com/demo-newsletter-editor.html)। एक टेम्पलेट के रूप में आप डेमो पेज के लिए प्रीसेट HTML सेट का उपयोग कर सकते हैं। बस HTML को निर्यात...
मुझे लगता है कि क्या हो रहा है कि यह जांचा नहीं जाता है कि क्या यह वास्तव में एक छवि है जिसे कैनवास पर गिराया जा रहा है? न्यूनतम रेप्रो संस्करणों के लिए इन 2 लिंक देखें। https://codesandbox.io/s/jlqpl2kj95 (ड्रॉपज़ोन 1 पर सेट है, बस किसी भी ब्लॉक को कैनवास पर छोड़ दें और एसेट मॉडल खुल जाएगा) https://codesandbox.io/s/k...
@artf, क्या गंतव्य तत्व का नाम दिखाने का कोई तरीका है? ! [grapejs_drop] (https://user-images.githubusercontent.com/1106745/52704047-ba1bbc80-2fa5-11e9-831b-5a09a35d304c.jpg)
artf
नहीं, वर्तमान में इसे संभाला नहीं गया है, लेकिन मैं इसके लिए एक पीआर स्वीकार करूंगा (मुझे लगता है कि बैज को संभालने के लिए एक नया कमांड बनाने का मामला हो सकता है)
संस्करण 0.14.40"जारी रखें" पर क्लिक करें "आपने सफलतापूर्वक साइन अप कर लिया है!" हेडर (sqh-हेडर) चुनें"$10 दें और $10 प्राप्त करें" और नीचे दिए गए टेक्स्ट के बीच sqh-हेडर ब्लॉक खींचेंsqh-हेडर $10 हेडर के ऊपर दिखाई देता है, लेकिन लेयर मैनेजर में $10 हेडर दें"रिवार्ड्स डैशबोर्ड" के नीचे sqh-हेडर को "फॉर्म-घटक" के अंदर वा...
artf
ऐसा लगता है कि समस्या आपके JSON में मौजूद अलग-अलग खाली "textnode" के कारण है। आप उस संरचना को कैसे प्राप्त करते हैं?
00salmon
अरे @artf, इसे इंगित करने के लिए धन्यवाद। JSON अधिक घटकों के साथ एक आंतरिक उदाहरण से आया है और लापता बिट्स को खाली टेक्स्टनोड्स में परिवर्तित किया जाना चाहिए। मैंने jsfiddle में खाली टेक्स्टनोड्स को हटा दिया है, लेकिन फिर भी ऐसा लगता है कि...
अरे @artf , जैसा कि निम्नलिखित कार्य में वर्णित है, मैंने ckeditor 5 का एक निर्माण किया है जो GrapesJS के साथ काम करता है, हालांकि कुछ कार्यक्षमताएं अपेक्षा के अनुरूप व्यवहार नहीं करती हैं। बुलेट पॉइंट और नंबर पॉइंट बिना किसी समस्या के बनाए जाते हैं, लेकिन बोल्ड, इटैलिक और लिंक विकल्प नहीं हैं। क्या कोई संभावना है कि...
FrciSmrci
हाय @artf, उत्तर के लिए धन्यवाद. कस्टम बिल्ड अब आवश्यक नहीं है, क्योंकि फिक्स नवीनतम [रिलीज़] (https://github.com/ckeditor/ckeditor5/releases/tag/v11.1.1) के अंदर था। मैं @ckeditor/ckeditor5-editor-inline बिल्ड संस्करण का उपयोग कर रहा हूं।...
FrciSmrci
@Unsigno कोड एक नया प्लगइन होना चाहिए जिसे GrapesJS में प्रदान किया जा सकता है जैसे grapesjs-plugin-ckeditor, बस इस प्लगइन को ckeditor5 (grapesjs-plugin-ckeditor5) का समर्थन करना चाहिए। @gabrigcl पहले से ही उल्लिखित प्लगइन का एक बड़ा हिस्स...
artf
हाय @FrciSmrci मैं यह नहीं कह सकता कि यह मेरी प्राथमिकताओं में से एक है, लेकिन आप वास्तव में https://www.bountysource.com/teams/grapesjs पर एक इनाम खोलने का मूल्यांकन कर सकते हैं और देख सकते हैं कि क्या कोई और इसे देख सकता है। BTW मैं मूल...
क्या कैनवास का गतिशील आकार बदलने का कोई तरीका है? यानी डिवाइस मैनेजर का उपयोग नहीं करना, लेकिन चौड़ाई का ड्रैग एंड ड्रॉप होना, जैसा कि आप पैनल या घटकों के साथ कर सकते हैं? धन्यवाद
jvillena
@artf और @shlomoko, मैं धीरे-धीरे चरण की व्याख्या करूंगा। सबसे पहले, मुझे Jquery का उपयोग करने की आवश्यकता है लेकिन आप अन्य लाइब्रेरी का उपयोग कर सकते हैं या GrapesJS इंजन के अंदर एकीकृत कर सकते हैं। मेरे मामले में मैं इसे इंजन के लिए पारद...
artf
@shlomoko नहीं, कैनवास आकार बदलने योग्य नहीं है, लेकिन मुझे इसके लिए एक पीआर देखकर खुशी होगी (संभवतः पैनलों में उपयोग किए जाने वाले समान तर्क के साथ)
jvillena
हाय @artf, मैंने अभी एक आकार बदलने वाले कैनवास बार को लागू किया है, लेकिन मुझे नहीं पता कि हाइलाइट सीमाओं की स्थिति को ताज़ा करने का कोई तरीका मौजूद है या नहीं। कृपया वीडियो में एक नज़र डालें: http://recordit.co/jKlppYg2dD जीजेएस-बैज gjs-ट...
नमस्ते मुझे लगता है कि तत्व आईडी विशेषताओं की पीढ़ी से संबंधित एक बग है। तत्व की शैली को संशोधित करते समय तत्व की आईडी विशेषता का मान स्वतः उत्पन्न होता है और एचटीएमएल में जोड़ा जाता है जो एक बार कोड संपादक में देख सकता है। फिर आईडी विशेषता मान सही ढंग से अपडेट किया जाता है जब आईडी संपादक का उपयोग सेटिंग्स में एक कस्ट...
maxtacco
इसके अलावा, यदि यह मामला है तो किसी घटक के कॉन्फ़िगरेशन में लक्षणों के लिए डिफ़ॉल्ट "खाली" मान रणनीति सेट करना अच्छा होगा। उदाहरण के लिए, emptyValue: "" या emptyValue: null या emptyValue: () => {}.
आपको नमस्कार क्या grapesjs संपादक को सेटअप करने का कोई तरीका है जैसे कि HTML सामग्री के लिए उत्पन्न CSS नामस्थान पर हो? दूसरे शब्दों में, वेबसाइट के बाकी हिस्सों में लीक होने के लिए संपादक में निर्मित/संपादित सामग्री के लिए परिभाषित शैली नियमों से कैसे बचें? मेरी वेबसाइट के मामले में उपयोगकर्ता पृष्ठ के एक बड़े हिस्से...
danfitz36
क्या आपको लगता है कि आप grapejs द्वारा उत्पन्न सभी वर्ग नामों को उपसर्ग कर सकते हैं? यदि .row के बजाय आप .grape-row या जो भी हो (मैं शायद उपसर्ग को एक चर बना दूंगा), आपको ज्यादातर वह प्रभाव मिलेगा जो @tomichal बाद में है।
artf
दरअसल, आप नए चयनकर्ताओं पर एक श्रोता जोड़ सकते हैं और वहां एक उपसर्ग जोड़ सकते हैं
devmohitagarwal
नमस्ते सैंडबॉक्स की तलाश करने वाले लोग, निर्यात किए गए सीएसएस को उपसर्ग करने के लिए इसे आज़मा सकते हैं, हमारे पास एक ही उपयोग का मामला था और हमने सैस दृष्टिकोण लिया। ऐसा करने के लिए, मैंने sass.js (https://github.com/medialize/sass.js/) का...
हाय आर्टुर, सबसे पहले grapesjs भयानक है! फिलहाल मैं एक साथ पहेली बनाने की कोशिश कर रहा हूं कि एक बटन के साथ एक पैनल कैसे बनाया जाए जो एक नया दृश्य खोलता है, जैसे ब्लॉक और लेयरमैनेजर बटन करते हैं। मैं उस नए दृश्य में आइटम के अपने सेट को प्रस्तुत करना चाहता हूं। मैं उस कोड को देख रहा हूं जिसका उपयोग आप उन दृश्यों को खोल...
daniel-farina
GrapeJS से परिचित होने का एक अच्छा अभ्यास यह होगा कि ब्लॉक मैनेजर को डुप्लिकेट करने और अपना खुद का बनाने का प्रयास किया जाए। आप नीचे दी गई फाइलों को संपादित करके इसे पूरा कर सकते हैं। एक अच्छा उदाहरण यह होगा कि src/blockmanagerand को src/s...
Moikapy
अरे, कुछ ऐसा ही करने की सोच रहा था और यह यहाँ पाया। सोच रहा था कि क्या नए विचार बनाने की प्रक्रिया को समझाने वाला कोई दस्तावेज है।
artf
हाय @RuudH सुझाव के लिए धन्यवाद, मुझे उम्मीद है कि मैं जल्द ही इस तर्क के बारे में कुछ और प्रकाशित करूंगा। अभी के लिए, मैं केवल यह सुझाव दे सकता हूं कि आप उन पैनलों के लिए उपयोग किए जाने वाले आदेशों की जांच करें (उदाहरण के लिए। [ओपनब्लॉक्स...