पेजकिट - स्व-होस्टेड GrapesJS साइट बिल्डर, स्रोत के रूप में बेचा गया। जल्दी पहुंच प्राप्त करें

GrapesJS मुद्दे

3,464 पार्स किए गए GitHub मुद्दे — 370 हल किया · 90 खुला. युद्ध-परीक्षणित उत्तरों को खोजें, फ़िल्टर करें और एक्सप्लोर करें।

3,464 मुद्दे मिले

#251519 जनवरी 2020द्वारा ikenderham3 उत्तर
9 प्रतिक्रियाएं

प्रत्येक पृष्ठ पर केवल एक h1 टैग की अनुमति दें

नमस्कार क्या प्रत्येक पृष्ठ पर केवल एक h1 टैग की अनुमति देना संभव है? मुझे यह सुनिश्चित करने की आवश्यकता है कि हम केवल एक h1 टैग को कैनवास में खींच सकते हैं। क्या करें? :-)

artf

@pouyamiralayi विशाल समर्थन ❤️ के लिए हमेशा की तरह धन्यवाद BTW @ikenderham ध्यान रखें कि सही है, लेकिन केवल अगर editor.getComponents() के पहले बच्चों के रूप में घटकों की जांच करने की आवश्यकता है (जो मुख्य आवरण के बच्चों को लौटाता है) यदि आ...

pouyamiralayi

@ikenderham चीयर्स!

ikenderham

तुम बहुत अच्छे हो! मैं आपको कैसे धन्यवाद दे सकता हूँ?? बहुत-बहुत धन्यवाद! खदाफ़ेसممنون मैं कल काम पर इस उदाहरण को आजमाऊंगा। मैंने आपको जीथब पर फॉलल्ड किया है!

#251419 जनवरी 2020द्वारा ghost3 उत्तर
14 प्रतिक्रियाएं

डिवाइस को ड्रॉपडाउन से आइकन में कैसे बदलें

मैं न्यूज़लेटर टेम्पलेट में उदाहरण के बाद उपकरणों के लिए ड्रॉपडाउन को आइकन से बदलने की कोशिश कर रहा हूं, फिर भी यह काम नहीं करता है।

Phil-B

उपरोक्त उदाहरण मेरे लिए संस्करण 0.17.28 में काम नहीं करते थे (मुझे लगता है कि एपीआई बदल गया है)। यह काम कर गया:

umerrinayat

@petervandeput https://github.com/artf/grapesjs/मुद्दे/1507#issuecomment -496280105 grapesjs के बाद it । '''// पैनल बार पर डिवाइस आइकन जोड़ें editor.getConfig().showDevices = 0;editor.Panels.addPanel({ id: "devices-c" }).get("buttons").add...

artf

आपको उन आदेशों को भी बनाना चाहिए https://github.com/artf/grapesjs-प्रीसेट-न्यूज़लेटर/ब्लॉब/04f1eb21c1ae45f8d2b2912323e79354d8e72f18/src/commands.js#L30-L44

#251317 जनवरी 2020द्वारा msantore1 उत्तर
1 प्रतिक्रियाएं

नेस्टेड घटकों को जोड़ना

मैं एक फील्डसेट टैग के लिए HTML सामग्री के एक बड़े हिस्से में एक नेस्टेड घटक की खोज करने के लिए component.find() का उपयोग कर रहा हूं ताकि मैं इसके बाद घटकों को जोड़ सकूं। Component.find घटक का पता लगाता है, जैसा कि console.log में देखा गया है, लेकिन कंसोल त्रुटि में सामग्री परिणामों को इंजेक्ट करने के लिए .append या ....

msantore

यह पता लगाया! बस एक सरणी स्थिति निर्दिष्ट करनी थी :-) component.find('fieldset') उपयोग करने के बाद एक सरणी स्थिति सेट करना सुनिश्चित करें fieldSet[0].append(questionFieldSet);

#251216 जनवरी 2020द्वारा eyesurewould2 उत्तर
2 प्रतिक्रियाएं

VueJS ऐप में GrapesJS

मैं एक VueJS ऐप बना रहा हूं और ऐप के अंदर GrapesJS का उपयोग करना चाहता हूं (और मैं VueJS अंदर GrapesJS का उपयोग करने की कोशिश नहीं कर रहा हूं)। मैंने मौजूदा मुद्दों को खोजा और पढ़ा है, लेकिन अब तक मैंने VueJS ऐप में GrapesJS का उपयोग करने का कोई उदाहरण नहीं देखा है (जब तक कि मैं उदाहरणों को गलत नहीं समझ रहा हूं)। किसी...

pouyamiralayi

हाय @eyesurewould चेक आउट करें #2465 चीयर्स!

eyesurewould

@pouyamiralayi धन्यवाद!

#251116 जनवरी 2020द्वारा ikenderham3 उत्तर
1 प्रतिक्रियाएं

किसी तत्व का चयन करते समय सेक्टर कैसे खोलें?

सभी को नमस्कार मैं सामान्य जैसे चयनकर्ता को कैसे खोलूं क्योंकि मैं तत्व का चयन करता हूं। मैं जावास्क्रिप्ट के लिए नया हूं, लेकिन मैंने कुछ इस तरह की कोशिश की। मैं क्या गलत कर रहा हूँ? मदद के लिए Thx

artf

@ikenderham आप लगभग वहां थे

simplecommerce

मुझे लगता है कि आप यहां स्रोत कोड में एक कार्यशील उदाहरण देख सकते हैं। https://github.com/artf/grapesjs-प्रीसेट-वेबपेज/ब्लॉब/6306f45d9de77b5b60f72679717e10e6081e81be/src/panels/index.js सबसे नीचे।

ikenderham

क्या आप मुझे एक उदाहरण दिखा सकते हैं, अगर मैं एक डीआईवी पर क्लिक करता हूं तो मुझे सामान्य खोलने की आवश्यकता होती है, या जब मैं एच 1 पर क्लिक करता हूं, तो मुझे "टाइपोग्राफी" खोलने की आवश्यकता होती है? बहुत बहुत धन्यवाद मैं इस के लिए नया हूँ।

#251015 जनवरी 2020द्वारा simplecommerce3 उत्तर
3 प्रतिक्रियाएं

किसी छवि पर लिंक कैसे जोड़ें?

नमस्ते, त्वरित प्रश्न। मेरे पास एक छवि है और मैं बस उस पर एक लिंक जोड़ना चाहता हूं। मॉडल का उपयोग करके, छवि पर लिंक जोड़ने का सबसे आसान तरीका क्या है? मैंने model.replaceWith का उपयोग करने की कोशिश की लेकिन समस्या यह है कि अगर मैं छवि पर कुछ स्टाइल डालता हूं और फिर model.replaceWith कॉल करता हूं, तो शैलियाँ हटा दी जात...

simplecommerce

ठीक है, मैं निम्नलिखित कार्य करके इसे काम करने में सक्षम था: मुझे नहीं पता कि यह एक अच्छा तरीका है या नहीं, किसी भी प्रतिक्रिया की सराहना करते हैं।

pouyamiralayi

हाय @simplecommerce ! चीयर्स!

simplecommerce

हाय @simplecommerce ! चीयर्स! हाय @pouyamiralayi, उत्तर के लिए धन्यवाद। मेरा मतलब एक नया घटक बनाने से नहीं था, मेरा मतलब यह था कि शैलियों को रखते हुए इसे एक लिंक (ए) के अंदर लपेटकर कैनवास (एक छवि) में एक प्रदान किए गए घटक मॉडल को बदलना था।...

#250814 जनवरी 2020द्वारा alexiswbr3 उत्तर
1 प्रतिक्रियाएं

अंतिम HTML टेक्स्ट घटकों में खींचने योग्य संपत्ति जोड़ी गई

यह बग ऑनलाइन डेमो पर भी है: https://grapesjs.com/demo.htmlपृष्ठ पर एक टेक्स्ट ब्लॉक जोड़ें, कई ब्रेक लाइनें बनाने के लिए टाइप करना और एंटर करना शुरू करें। ब्लॉक का चयन रद्द करें। फिर से संपादन शुरू करने के लिए ब्लॉक पर डबल क्लिक करें। अब यदि आप "व्यू कोड" बटन पर क्लिक करते हैं, तो आप देखेंगे कि टेक्स्ट ब्लॉक के अंदर H...

artf

ठीक है, मैं इसे जांचने की कोशिश करूंगा

pouyamiralayi

नीचे दिए गए स्निपेट का उपयोग करने के @alexiswbr, अपेक्षित व्यवहार के रूप में 'div's will become br':

obrazkow

मैं घटक में परिवर्तन को रोकने और मूल html रखने के लिए इस तरह के तरीके का उपयोग करता हूं। बस उस घटक को ओवरराइड करें जिसकी आपको आवश्यकता है, उदाहरण के लिए text या नया बनाएं। शायद यह अच्छा समाधान नहीं है, लेकिन यह :) काम करता है

#250713 जनवरी 2020द्वारा ghost2 उत्तर
0 प्रतिक्रियाएं

डिफ़ॉल्ट फ़ॉन्ट आकार इकाइयाँ और मान

नमस्ते मैं एक ऐसी परियोजना में grapesjs का उपयोग कर रहा हूं जो हर जगह आनुपातिक स्केलिंग का उपयोग करता है। आपकी सलाह के आधार पर, अब मैं फ़ॉन्ट आकार चयनकर्ताओं को 'em' में डिफ़ॉल्ट कर सकता हूं और 'em' को एकमात्र विकल्प बना सकता हूं। editor.on('load', function () { const styleManager = editor.StyleManager; फ़ॉन्ट-आकार को...

artf

क्या आप एक प्रतिलिपि प्रस्तुत करने योग्य डेमो बना सकते हैं?

no-response[bot]

यह समस्या स्वचालित रूप से बंद हो गई है क्योंकि मूल लेखक से अधिक जानकारी के लिए हमारे अनुरोध का कोई जवाब नहीं मिला है। केवल उस जानकारी के साथ जो वर्तमान में समस्या में है, हमारे पास कार्रवाई करने के लिए पर्याप्त जानकारी नहीं है। यदि आपके पा...

#250613 जनवरी 2020द्वारा andrewryan19063 उत्तर
1 प्रतिक्रियाएं

कस्टम घटकों को होवरटेबल/चयन योग्य/बैज करने योग्य बनाने में असमर्थ

मैं कोणीय के साथ GrapesJs का उपयोग कर रहा हूं और कोणीय घटकों का उपयोग करके कार्यक्षमता का विस्तार कर रहा हूं। तो मेरा टेम्पलेट इस तरह दिखता है: यह सब ठीक काम करता है; मैंने डिज़ाइनर में DomComponents जोड़ा है, और घटक लेयर डिज़ाइनर में दिखाई देते हैं और मैं बिना किसी समस्या के लक्षणों को भी बदल सकता हूं। सब कुछ वैसा ही...

andrewryan1906

इसलिए इसके बजाय मैंने जो करना समाप्त कर दिया वह कोणीय तत्वों का उपयोग कर रहा है, लेकिन तत्वों को वेब घटक में संकलित नहीं कर रहा है (अतिरिक्त जटिलता से बचना चाहता था)। इसने मुझे DOM तत्वों को स्विच करने से रोका, और इसलिए GrapesJS संपादक अच्...

andrewryan1906

इससे मदद मिल सकती है। तत्व को संसाधित करने के हिस्से के रूप में, मैं इसे मक्खी पर अपने कोणीय तत्व के साथ स्वैप कर रहा हूं ... इसलिए, RS-WC-custom-component टैग प्रदान करने के बाद, मैं 1 एमएस प्रतीक्षा करता हूं और एक गतिशील कोणीय घटक उत्पन्...

artf

तत्व को संसाधित करने के हिस्से के रूप में, मैं इसे मक्खी पर अपने कोणीय तत्व के साथ स्वैप कर रहा हूं ... इसलिए, RS-wc-custom-component टैग प्रदान करने के बाद, मैं 1 एमएस प्रतीक्षा करता हूं और एक गतिशील कोणीय घटक उत्पन्न करता हूं, और अपने गत...

#250512 जनवरी 2020द्वारा vfxdude3 उत्तर
1 प्रतिक्रियाएं

लेयर मैनेजर को बाईं ओर ले जाएं

परत प्रबंधक वर्तमान में एक टैब में छिपा हुआ है, लेकिन मेरी राय में यह हर समय दिखाई देना चाहिए। वेबफ्लो ने इसे एक टैब में भी छिपा दिया था, लेकिन इसे बाईं ओर ले जाया गया। https://webflow.com/feature/new-navigator-location

pouyamiralayi

@vfxdude कृपया कस्टम यूआई के लिए इस फिडल को देखें (लेयर्स पैनल भी बाईं ओर है)। चीयर्स!

vfxdude

@pouyamiralayi धन्यवाद। मैं खुद भी इसी तरह के विचार के साथ खिलवाड़ कर रहा था। https://codepen.io/neocoder/pen/bGNMyQK (वेबपेज प्रीसेट प्लगइन का उपयोग करके)। यह बेहतर और आसान होगा यदि वेबपेज प्रीसेट प्लगइन में इसके लिए एक विकल्प हो।

artf

यह बेहतर और आसान होगा यदि वेबपेज प्रीसेट प्लगइन में इसके लिए कोई विकल्प हो। वर्तमान में, मैं प्रीसेट के लिए समय समर्पित नहीं कर सकता, लेकिन पीआर का हमेशा स्वागत है

सभी विषयों को ब्राउज़ करें