मेरी स्थिति: मैं धीरे-धीरे अपने कुछ कस्टम मेड यूआई घटकों को ReactJS से GrapesJS में आयात कर रहा हूं। अब, मैं इसे बैकबोन के साथ एकीकृत करके घटक को ठीक से प्रस्तुत करने में सक्षम हूं। लेकिन मेरा सवाल यह है कि क्या मैं अपनी खुद की कस्टम शैलियों को डाउनलोड करने के लिए <link टैग का उपयोग कर सकता हूं, ताकि मैं उन्हें कैनवास...
asieraduriz
हैलो @pouyamiralayi त्वरित उत्तर के लिए धन्यवाद। हालांकि, ऐसा लगता है कि यह पर्याप्त नहीं होगा, क्योंकि मैं जो खोज रहा हूं वह मेरे प्रदान किए गए घटक को उन शैलियों के साथ देखने का एक तरीका है जो मैं चाहता हूं, लेकिन साथ ही, अगर मैं परियोजना...
artf
बस टेम्पलेट के अंदर अपने <link> के साथ संपादक को init करें, यह कैनवास में लोड हो जाएगा और आप इसे अपने निर्यात कोड में देख पाएंगे
pouyamiralayi
हाय @fasaas आप इस तरह से अपनी वैश्विक शैलियों को इंजेक्ट कर सकते हैं: वही आपके कस्टम स्क्रिप्ट के लिए जाता है। इस पर अधिक यहां चीयर्स!
मैं defaultCommand: 'open-blocks' का उपयोग करने की कोशिश कर रहा हूं लेकिन स्टाइल मैनेजर डिफ़ॉल्ट रूप से चयनित है धन्यवाद!
pouyamiralayi
धन्यवाद @naveen-15697 आपका समाधान बहुत बढ़िया काम करता है! बहुत बढ़िया। यह आपकी स्थिति के अनुरूप @romariolopezc है? जैसा कि @naveen-15697 द्वारा सुझाया गया है, आपको इस तरह जाना होगा: और 'views' पैनल के लिए बटन आईडी हैं: ओपन-एसएमओपन-टीएमखुल...
naveen-15697
@pouyamiralayi यह अपेक्षा के अनुरूप व्यवहार नहीं करता है। यदि मैं लोड पर editor.runCommand('open-blocks') का उपयोग करता हूं, तो घटक आइकन का चयन नहीं किया जाता है। स्टाइल मैनेजर के नीचे जोड़ा जाता है ! [2019-11-11-085143409x567scrot] (https...
rlopzc
@pouyamiralayi @naveen-15697 यह काम करता है !! मैं इसे लोड के बाहर उपयोग करता हूं, grapesjs प्रारंभ करने के बाद। अगर मैं इसे लोड पर उपयोग करता हूं तो मुझे स्टाइल मैनेजर से open-blocks में बदलते समय थोड़ी देरी दिखाई देती है। यदि यह .init({....
मैं यह नहीं समझ सकता कि ckeditor में लाइन की ऊंचाई कैसे जोड़ें। मैंने ckeditor से प्रलेखन पढ़ा और ckeditor-प्लगइन जोड़ने के लिए वे सभी चरण प्रदान कर रहे हैं, लेकिन आइकन ist टूलबार में नहीं दिख रहा है और मुझे यह भी यकीन नहीं है कि लाइन-ऊंचाई प्लगइन लोड किया गया है या नहीं। क्या कोई मेरी मदद कर सकता है या सफलतापूर्वक gr...
navewi
ठीक है कोई बात नहीं। मेरे पास कॉन्फ़िगरेशन में ":" के बजाय "=" एक चरित्र गलती थी। एक ही समस्या वाले सभी लोगों के लिए: में एक ckeditor प्लगइन जोड़ने के लिए grapesjs init फ़ंक्शन में प्लगइन विकल्पों में अतिरिक्त प्लगइन्स कमांड जोड़ें: [....]...
मैं घटकों के ड्रैग और ड्रॉप में अतिरिक्त कार्यक्षमता जोड़ने में सक्षम होना चाहता हूं, ताकि स्क्रीन के दाईं ओर पैनलों के माध्यम से मैन्युअल रूप से जाने के बिना आसान आकार बदलने और रिपोजिशनिंग की अनुमति मिल सके। क्या आप कृपया इस बारे में कुछ मार्गदर्शन प्रदान कर सकते हैं कि कोड बेस में कहां ध्यान केंद्रित करना है? क्या क...
pouyamiralayi
आसान आकार बदलने की अनुमति देते हैं आप अपनी घटक प्रकार परिभाषा में 'resizable: true' जोड़ सकते हैं घटकों के ड्रैग एंड ड्रॉप के लिए कार्यक्षमता > आप इसे संपादक या किसी विशिष्ट घटक पर लागू कर सकते हैं: चीयर्स!
rodenp
आपके मार्गदर्शन के लिए @pouyamiralayi धन्यवाद। क्या यह कॉलम जैसी चीजों के लिए भी काम करेगा?
pouyamiralayi
@rodenp हाँ! प्रत्येक घटक प्रकार इस संपत्ति का उपयोग कर सकता है।
इस मुद्दे को दोहराने वाला फिडल: https://jsfiddle.net/gd8mo3e4/1/ मेरे पास पीडीएफ दस्तावेजों की गैलरी बनाने के लिए एक कस्टम घटक है। एक कस्टम एसेट मैनेजर है जो ब्लॉक को संपादक में गिराए जाने पर खुलता है, जिससे आप पीडीएफ चुन सकते हैं जो तब थंबनेल को बदल देता है। मुझे जो समस्या हो रही है वह यह है कि एक नए पृष्ठ को पुनः लो...
smik3
थंबनेल/छवि जिसे वह संपादक में डालता है, उसे कंटेनर को फिट करने के लिए स्केलिंग किया जाना चाहिए। मैं इसे प्रथम-लोड पर मूल आकार में देख रहा हूं, बाद के सभी ब्लॉक सही ढंग से फिट होते हैं, जिसमें उन्हें गिराया जाता है। यदि आप निर्यात कोड को दे...
smik3
मेरे द्वारा देखे जा रहे व्यवहार को प्रदर्शित करने वाले कुछ स्क्रीनशॉट ... <आईएमजी चौड़ाई = "1021" ऑल्ट = "स्क्रीन शॉट 2019-11-06 11 32 16 पर" एसआरसी = "https://user-images.githubusercontent.com/19346508/68294968-394ba600-0089-11ea-941a-e44...
artf
मुझे लगता है कि यह इससे संबंधित है और शायद यह @artf मम्म वास्तव में नहीं addAttributes का उपयोग करने के लिए modelThumbElement.setAttributes({"data-gallery":fileName}); बदलने से यह ठीक हो जाता है, लेकिन मुझे यकीन नहीं है कि वास्तव में क्या...
हाय दोस्तों, मैं grapesjs संपादक का उपयोग करके एक परियोजना का निर्माण कर रहा हूं और मैं उपयोगकर्ता को संपादक का उपयोग करके आसानी से अपनी वेबसाइट बनाने में सक्षम बनाना चाहता हूं। ऐसा करने के लिए मैं चाहता हूं कि ऐसा करने में मदद करने के लिए बहरे द्वारा उपलब्ध ब्लॉक उपलब्ध हो। जो कुछ भी मैं वहां नहीं हूं, मैं उन्हें खुद...
adityaMurarka
नमस्ते! आप प्लगइन्स की सूची निर्दिष्ट कर सकते हैं: चीयर्स! हाय पौयामिरलयी, मैं अपने दृष्टिकोण की कोशिश की लेकिन यह काम नहीं किया. जब मैं GrapesJS न्यूज़लेटर प्रीसेट आयात करने की कोशिश मैं ब्लॉक के 14 हो रही हूँ और पूर्व निर्धारित वेबपेज Gr...
pouyamiralayi
@adityaMurarka मैं समस्या देखता हूं, तो मुझे लगता है कि जब वे सभी एक साथ इकट्ठा होते हैं तो कुछ संघर्ष होते हैं! एक तरफ छोड़कर 'mjml' यहाँ मैंने क्या किया है (यह केवल कुछ आइटम बूँद देता है): कृपया वस्तुओं के क्रम पर ध्यान दें, मैंने 'mjml'...
adityaMurarka
@adityaMurarka मैं समस्या देखता हूं, तो मुझे लगता है कि जब वे सभी एक साथ इकट्ठा होते हैं तो कुछ संघर्ष होते हैं! mjml को छोड़कर मैंने क्या किया (यह केवल कुछ आइटम गिराता है): कृपया वस्तुओं के क्रम पर ध्यान दें, मैंने mjml को भी शामिल करने क...
नमस्ते मैं grapejs संपादक पर एक क्लिक करने योग्य प्रश्नचिह्न जोड़ना चाहता हूं जिस पर हम क्लिक कर सकते हैं ताकि हम उपयोगकर्ता को यह विशिष्ट कल्पना क्या है, इस बारे में जानकारी दे सकें। ! [छवि] (https://user-images.githubusercontent.com/36203690/68286437-65fbbf80-0081-11ea-9e47-ba366c822984.png) यह उन सभी सूचनाओं के साथ...
artf
वर्तमान में, स्टाइल मैनेजर गुणों को बढ़ाने/अपडेट करने के बारे में कोई दस्तावेज नहीं है (मैंने अभी कुछ प्लगइन्स का एहसास किया है जैसे grapesjs-style-filter और grapesjs-style-gradient लेकिन पर्याप्त नहीं है) और सभी ईमानदारी से, मैंने अब तक ज...
ColinTenaguillo
यहाँ मैंने आज थोड़े से संशोधनों के साथ क्या बनाया है: ! [एज़जीआईएफ-3-सी8एई3ए7डीसी0] (https://user-images.githubusercontent.com/36203690/68382629-66b15600-0154-11ea-9add-2a5bebcac89e.gif) यह वह देखो जो मैं चाहता था अब मुझे मोडल में इच्छित स...
ColinTenaguillo
अरे, मैं पुल अनुरोध के लिए अपने संशोधन के साथ अपनी शाखा कैसे प्रकाशित कर सकता हूं? यह PropetyView परिवर्तन है जो मैंने किया है मैंने आपके द्वारा उपयोग किए जाने वाले मोडल के सीएसएस के आधार पर इन विशिष्ट मोडल के लिए सीएसएस भी जोड़ा है
हमें एक बार एक पृष्ठ बनाने की आवश्यकता है लेकिन पाठ सामग्री को कई भाषाओं में अनुवाद करना है। "हैलो" कहते हुए एक एकल टेक्स्ट ब्लॉक के एक बहुत ही सरल नमूने की कल्पना करें - हम उपयोगकर्ताओं को उसी टेक्स्ट ब्लॉक के साथ एक और पृष्ठ बनाने के लिए मजबूर नहीं करना चाहते हैं जो अलग-अलग भाषा में समान कह रहा है। कल्पना कीजिए कि प...
varadero
https://github.com/artf/grapesjs/issues/2342 का डुप्लिकेट बंद करना
pouyamiralayi
@varadero i18n मॉड्यूल [रोडमैप] (https://github.com/artf/grapesjs/issues/74#issue-222570799) पर है चीयर्स!
varadero
@pouyamiralayi लेकिन क्या i18n का उल्लेख नहीं है कि केवल एक मॉड्यूल है जो आपको स्वयं GrapesJS अनुवाद करने की अनुमति देगा, न कि उपयोगकर्ता द्वारा बनाई गई सामग्री का?
मैंने लारवेल में एक सीएमएस बनाया है और मैंने पेज बिल्डर को सही बनाने के लिए GrapesJS का उपयोग किया है, मैंने सिर्फ "पोस्ट" के लिए एक घटक बनाया है ताकि उपयोगकर्ता श्रेणी का चयन कर सकें जहां पोस्ट का चयन करना चाहते हैं वह भी सीमित है। सीमा या श्रेणी का चयन करने या बदलने के बाद मुझे JSON में डेटा दिखाने के लिए बैकएंड के...
artf
@gentritabazi01 यहाँ आप component.components(data.html) उपयोग कर सकते हैं कि यह सामग्री को सर्वर से लौटाए गए एक नए के साथ बदल देगा
pouyamiralayi
@gentritabazi01 जहां तक मुझे पता है, अपने कस्टम डेटा लेयर लॉजिक के लिए संपादक स्टोरेज पर भरोसा करना एक अच्छा विचार नहीं है। मैं GrapesJS के आदेश के माध्यम से सभी पृष्ठ सामग्री को डेटाबेस में सहेजता हूं: editor.store().html आप उपयोग कर सकते...
हम निम्नलिखित प्राप्त करना चाहते हैं: हमारे ब्लॉक HTML तत्वों को कुछ वर्गों के साथ चिह्नित करें जैसे: कुछ शैलियाँ जोड़ें जो सीएसएस वर्गों को परिभाषित करती हैं जैसे: स्टाइल मैनेजर GrapesJS उपयोग करके हम उपरोक्त सीएसएस कक्षाओं को बदलना चाहते हैं ताकि हमारे पास "कंटेनर पृष्ठभूमि रंग" सेटिंग हो सके जो ".my-container" नियम...
artf
हम स्टाइल मैनेजर से लगभग सब कुछ हटाना चाहते हैं आप स्टाइल मैनेजर में क्या दिखाना है उसे बदल सकते हैं: https://grapesjs.com/docs/getting-started.html#style-manager और यह कैनवास में जो चुना गया है उसके आधार पर काम करता हैमान लीजिए कि हमारे प...
amenk
यह बहुत दिलचस्प है! @varadero क्या आप इसमें सफल हुए और शायद आपके पास साझा करने के लिए कुछ कोड हैं?
varadero
यह बहुत दिलचस्प है! @varadero क्या आप इसमें सफल हुए और शायद आपके पास साझा करने के लिए कुछ कोड हैं? जब हम grapesjs इनिशियलाइज़ करते हैं तो हमने सीएसएस प्रदान करना समाप्त कर दिया। सीएसएस कहीं और बनाया गया है, बिल्डर grapesjs अंदर नहीं।