मुझे वीडियो घटक के साथ एक समस्या है। मैं प्रदाता का चयन करता हूं और वीडियो का स्रोत जोड़ता हूं और फिर एचटीएमएल को सहेजता हूं, लेकिन जब मैं एचटीएमएल को फिर से संपादक वीडियो घटक स्रोत में लोड करता हूं तो इसे बदल दिया जाता है < svg xmlns="http://www.w3.org/2000/svg" width="100" viewBox="0 0 24 24" style="भरें: rgba(0,0,0...
artf
नमस्ते @olgertpysqyli आपको इसका पालन करना चाहिए और /docs/modules/Storage.html#store-and-load-templates https://grapesjs.com संपादन के लिए JSON डेटा पर भरोसा करना चाहिए
नमस्कार।। मुझे अपने घटकों पर af कस्टम नाम डालने की आवश्यकता है। मैं data-gjs-custom-name="myname" जोड़कर ऐसा कर सकता हूं, लेकिन मैं इसे allready डालने वाले तत्वों पर कैसे करूं? मैंने संपादक करने की कोशिश की। चयनकर्ता Manager.getAll().each(चयनकर्ता => $('h1').attr("data-gjs-custom-name","h1")); लेकिन यह काम नहीं कर रहा...
artf
मैं data-gjs-custom-name="myname" जोड़कर ऐसा कर सकता हूं custom-name के बजाय name का उपयोग करें (जब आप उन्हें संपादित करते हैं तो इसका उपयोग परतों के लिए किया जाता है), इसलिए data-gjs-name="myname" उदाहरण के लिए, सभी h1 पर नाम रखना कैसे सं...
[प्रश्न] नमस्ते! मैं डेटाबेस से डायनेमिक html, css और js कोड पुनर्प्राप्त कर रहा हूं। मैं इसके साथ ब्लॉक कैसे बना सकता हूं? वर्तमान में, यह मेरा कोड है, ``` editor.BlockManager.add($aBlock['name'], { आईडी: $aBlock ['नाम'], लेबल: $aBlock['नाम'], श्रेणी: $aBlock['श्रेणी'], सामग्री: $aBlock['एचटीएमएल'], शैली: $aBlock ['स...
cristianumali22
हाय @pouyamiralayi, इस प्रकार, कर रहा है, content: '<div></div><style></style>' क्या GrapesJS के डाउनलोड कोड फीचर में HTML को CSS से अलग किया जाएगा? ध्यान दें कि कोड के हर ब्लॉक में अलग-अलग HTML, CSS और JS होते हैं। क्या css, उदाहरण block1...
pouyamiralayi
@cristianumali22 आपका कोड ठीक दिखता है और इसे आरंभीकरण grapesjs पहले निष्पादित नहीं किया जाता है क्योंकि आप संदर्भ पास कर रहे हैं और वास्तव में इसे कॉल नहीं कर रहे हैं! मैं [grapesjs CLI] (https://github.com/artf/grapesjs-CLI) का उपयोग करन...
pouyamiralayi
@cristianumali22 कृपया अपने दोनों को रखने पर विचार करें 'html and css inside the content' संपत्ति इस तरह: स्क्रिप्ट को शामिल करने के लिए, आपको एक नया घटक प्रकार परिभाषित करना होगा और फिर component & js पर आगे बढ़ना होगा चीयर्स!
मैं एक बाहरी html तत्व को GrapesJS में खींचने में सक्षम बनाना चाहता हूं, जैसे कि आप एक ब्लॉक में कैसे खींच सकते हैं और यह कुछ जोड़ देगा। मेरे पास एक नमूना है, जिसमें ड्रैग करने योग्य = "true" के साथ एक div है, एक नियमित div और एक छवि है। छवि ठीक से खींचती है और यदि आप नियमित div के पाठ का चयन करते हैं और इसमें खींचते...
artf
@Davidvlv HTML5 D&D उस तरह काम नहीं करता है, draggable="true" जोड़ना पर्याप्त नहीं है। यह सिर्फ ब्राउज़र को बताता है "अरे आप मुझे खींच सकते हैं!", लेकिन आपको यह भी निर्दिष्ट करना होगा कि आप क्या खींचना चाहते हैं (एपीआई dataTransfer.setData...
sdrebel
क्या आपने यह कोशिश की है? editor = grapesjs.init({ ....... ड्रैगमोड: 'निरपेक्ष', // 'निरपेक्ष' | 'अनुवाद करें' ...... }) और आप प्रत्येक घटक के लिए ड्रैग मोड भी सेट कर सकते हैं। https://grapesjs.com/docs/api/component.html#index
Davidvlv
हाय @sdrebel इससे मेरी समस्या का समाधान नहीं होता है। मैंने jsfiddle को प्रदर्शित करने वाला एक वीडियो संलग्न किया है - ध्यान दें कि ड्रैग करने योग्य = "true" के साथ div संपादक में नहीं खींचता है। [grapesjs आयात draggable.zip] (https://gith...
क्या डिफ़ॉल्ट परिसंपत्ति प्रबंधक के अंदर किसी अन्य कार्रवाई को कॉल करने के लिए एक अतिरिक्त बटन जोड़ना संभव है? कुछ इस तरह: <आईएमजी चौड़ाई="895" alt="स्क्रीन शॉट 2020-02-21 16 45 45 पर" src="https://user-images.githubusercontent.com/26910184/75078089-48385600-54ca-11ea-9ad0-6279e7a8b20e.png">
नमस्कार हमारे पास एक बड़ी समस्या है - हमारे लेआउट display: flex; flex-direction: column; की प्रचुर मात्रा का उपयोग करते हैं, और यह क्रोम और सफारी ब्राउज़र (फ़ायरफ़ॉक्स नहीं) में अत्यधिक मात्रा में अंतराल का कारण बन रहा है। यदि flex-direction शैली row पर सेट है , बिल्कुल भी मंदी नहीं है। नमूना: https://jsfiddle.net/gke...
artf
हां, यह निश्चित रूप से धीमा है, सुनिश्चित नहीं है कि वास्तव में क्या हो रहा है, लेकिन पहले अनुमान पर, यह यह फ़ंक्शन हो सकता है जो जांचता है कि घटक एक ब्लॉक (उदाहरण के लिए div) या एक इनलाइन तत्व (जैसे अवधि) है या नहीं https://github.com/art...
हैलो, वहाँ एक मोडल की चौड़ाई सेट करने के लिए एक तरीका है, यह वर्तमान में सीएसएस द्वारा 850px करने के लिए सेट है, लेकिन मैं पाठ की एक छोटी राशि के साथ एक संवाद बनाने के लिए चाहते हैं और इस के लिए बहुत बड़ा है: ! [छवि] (https://user-images.githubusercontent.com/79406/74995098-d9052800-541d-11ea-9563-0ec3c8a3dc24.png) ले...
ronaldaug
उन लोगों के लिए जो मोडल attributes का उपयोग करना नहीं जानते हैं। आप नीचे के रूप में मोडल के ओपन मेथड में विकल्प opts.attributes जोड़ सकते हैं। क्योंकि मुझे नहीं मिला कि यहां प्रलेखन में इसका उपयोग कैसे किया जाए।
kaoz70
ठीक है, मैं जो सोच रहा हूं वह चौड़ाई सेट करने में सक्षम होने के लिए एक फ़ंक्शन बनाना है: setWidth ('400px'), और कस्टम विशेषताओं को सेट करने के लिए एक विधि भी: setAttributes({'data-custom-attribute': 123})। मुझे लगता है कि 2 कार्यों की आवश्...
kaoz70
हैलो, क्षमा करें, मैं अब काम के साथ ढेर हो गया हूं, अगर @sunnykgupta इसे एक शॉट दे सकते हैं तो यह बहुत अच्छा होगा।
मैं देख रहा हूं कि संस्करण संख्या में वृद्धि हुई है, लेकिन पैकेज 0.15.15 के बाद एनपीएम पर प्रकाशित नहीं होता है। 0.16 😃 के लिए समय एनपीएम के बारे में अन्य मुद्दे: https://github.com/artf/grapesjs/issues/2568 (सुनिश्चित नहीं है कि संबंधित है)
artf
देव रिपॉजिटरी में एक नया निर्माण उपलब्ध देखने के लिए ऐसा हो सकता है लेकिन इसका मतलब है कि संस्करण अभी तक प्रकाशित 😉 होने के लिए स्थिर नहीं है
हाय @artf, Grapesjs साथ काम करना अब तक बहुत अच्छा रहा है। एक बार जब हम इसे समझ लेते हैं तो इसका उपयोग करना आसान होता है। मेरे पास सिर्फ एक सुझाव है, क्या संपादक में ग्रिड और स्केल विकल्पों को शामिल करना संभव है?
artf
ग्रिड और स्केल से आप क्या समझते हैं?
sdrebel
हाय @artf, छवि संलग्न की। कुछ इस तरह ! [छवि] (https://user-images.githubusercontent.com/19382262/75219367-94351480-57c2-11ea-8708-fab4f0747a9f.png)
artf
नहीं, यह उपलब्ध नहीं है और योजना भी नहीं बनाई गई है, लेकिन अगर कोई इसे एकीकृत करने का प्रयास करना चाहता है (यहां तक कि एक प्लगइन के माध्यम से भी) तो कृपया मुझे बताएं
शुभ दिवस! मैं मूल श्रेणी से उप-श्रेणी कैसे बनाने जा रहा हूं? क्या यह संलग्न छवि की तरह संभव है? पुनश्च छवि केवल यह दिखाने के लिए संपादित की जाती है कि मैं क्या करना चाहता था। ! [छवि] (https://user-images.githubusercontent.com/34620142/74805390-e804b100-531d-11ea-9fa9-bfd12b50bef4.png)
artf
नहीं, डिफ़ॉल्ट रूप से आप केवल श्रेणियों का उपयोग कर सकते हैं