मेरे पास इस घटकों के साथ grapesjs में बनाया गया अच्छा ckeditor 4 संपादक है: grapesjs: 0.15.8 grapesjs-प्रीसेट-न्यूज़लेटर: 0.2.20 ckeditor.js: 4 grapesjs-प्लगइन-ckeditor - 0.0.9 मेरी परियोजना डेटाबेस में भंडारण होने के लिए न्यूज़लेटर्स (HTML + CSS) उत्पन्न करती है। यह न्यूज़लेटर इसे संपादित किया जा सकता है और इसे जितनी...
Abhisheknanda1344463
हाय @svalenciano81 क्या आपने यह कोशिश की? var cmdGetCode = cmdm.get('gjs-get-inlined-html');
svalenciano81
हाय @Abhisheknanda1344463 मुझे रिवर्स प्रक्रिया की आवश्यकता है। मेरे पास कोड इनलाइन है और मुझे इसे घटकों और शैलियों में अलग करने की आवश्यकता है।
artf
अपने टेम्प्लेट को वापस लोड करने के लिए आपको HTML/CSS का उपयोग नहीं करना चाहिए, आपको JSON https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates को स्टोर और लोड करना होगा
नमस्ते यह अनुकूलित करने के लिए संभव है कैसे मोडल दृश्य स्टूडियो में गुण खिड़की की तरह कुछ दिखाई देता है. खुले मोडल के बजाय, फोकस पर खिड़की पर विवरण दिखाना चाहिए
artf
मुझे नहीं लगता कि आपको इस मामले में मोडल का उपयोग करना चाहिए, आप अपना पैनल/div बना सकते हैं, घटक चयन component:selected पर एक श्रोता सेट कर सकते हैं और वहां अपने गुणों को प्रस्तुत कर सकते हैं
मैंने देखा है कि जब भी मैं किसी घटक को बाएं या दाएं संरेखित करता हूं (बाएं या दाएं फ्लोट करें), तो वह घटक मूल कंटेनर से बाहर आता है, हालांकि अगर मैं इसे 'कोई नहीं' बनाता हूं तो यह कंटेनर के अंदर वापस आ जाता है। मुझे यह लाइव डेमो पर भी मिला। संलग्न स्क्रीनशॉट देखें ! [Grapes संरेखण से पहले जेएस] (https://user-images.gi...
Ju99ernaut
फ्लोट गुण पैरेंट div को संक्षिप्त कर देता है। आप संदर्भ के लिए this का उपयोग कर सकते हैं।
artf
हां, दुर्भाग्य से, फ्लोट कितना अजीब काम करता है, इसलिए यदि आप गैर-तकनीकी लोगों के लिए एक बिल्डर बना रहे हैं तो उस संपत्ति 😬 से बचें
हाय @artf मैं विशिष्ट लिंक विशेषता के लिए गतिशील पृष्ठों को जोड़ना चाहता हूं। यहाँ मैं क्या उपयोग कर रहा हूँ. const component = editor.getSelected(); component.getTrait('link').set('options', [ { मान: 'opt1', नाम: 'नया विकल्प 1'}, { मान: 'opt2', नाम: 'नया विकल्प 2'}, ]); यह कंपोनेंट कंसोल में अपरिभाषित है क्योंकि डिफ़...
Ju99ernaut
आप पहले जांच सकते हैं कि component.getTrait('href') कुछ मिलता है या नहीं:
Abhisheknanda1344463
आपका बहुत-बहुत धन्यवाद @Ju99ernaut अब, यह पूरी तरह से काम कर रहा है। वास्तव में आपकी मदद की सराहना करते हैं। इस मुद्दे को बंद करना।
Ju99ernaut
आप इसे प्रत्येक घटक प्रकार में निम्न का उपयोग करके जोड़ सकते हैं:
नोट: यह स्टाइल मैनेजर के संदर्भ में है। क्या एक ही शैली की संपत्ति के विभिन्न रूपों का उपयोग करने का कोई तरीका है? उदाहरण के लिए जब मैं एक गैर-पाठ नोड घटक पर टेक्स्ट-संरेखित संपत्ति का उपयोग करता हूं तो मैं लेबल को "बाएं", "दाएं" और "केंद्र" के विकल्पों के साथ "सामग्री संरेखित करें" पढ़ना चाहता हूं। हालांकि, जब "टेक्स...
Ju99ernaut
मुझे नहीं लगता कि एपीआई का उपयोग करना संभव है, क्या text-align गैर-पाठ घटकों के लिए भी काम करता है? आप शायद flexbox से align-content संपत्ति का उपयोग करना चाहेंगे
artf
आपको विशेष शैली की संपत्ति (toRequire के साथ चिह्नित) दिखाने के लिए घटक की stylable-require संपत्ति का उपयोग करने का प्रयास करना चाहिए और जिसे आपको आवश्यकता नहीं है उसके लिए unstylable करना चाहिए।
Joshmamroud
@artf आपकी प्रतिक्रिया के लिए धन्यवाद। इस मामले में, मुझे अभी भी फ्लेक्स कॉलम और पंक्तियों के साथ align-content संपत्ति का उपयोग करने में कोई समस्या होगी। कॉलम के लिए, मैं विकल्पों को पढ़ने के लिए चाहता हूं: Top, Center, और Bottom और पंक्त...
हाय @artf क्या कस्टम div में grapesjs के सभी डिफ़ॉल्ट बटन जोड़ने का कोई तरीका है जैसे हम स्टाइल मैनेजर को जोड़ रहे हैं। यहाँ [https://codepen.io/artf/pen/MQpZPj] (यूआरएल) धन्यवाद
artf
जैसा कि आप उदाहरण से देख सकते हैं, आप el: '#' विकल्प के माध्यम से पैनल लक्ष्य निर्दिष्ट कर सकते हैं, जो तब आपके बटन को शामिल करने में सक्षम होना चाहिए
Abhisheknanda1344463
हाय @artf क्या आप कृपया इस तरह से 'पैनल' की पुष्टि कर सकते हैं: { आईडी: 'विकल्प', el: '#blocks'}' मैंने कोशिश की कि यह काम नहीं कर रहा है या क्या मुझे अपने नए पैनल के लिए फिर से नया बटन बनाने की आवश्यकता है? क्या मुझे कुछ याद आ रहा है? अग्...
हाय @artf मैं नए प्रकार की विशेषता जोड़ने की कोशिश कर रहा हूं नीचे मेरा कोड है। यह कोड में भी मानों को अपडेट कर रहा है लेकिन पुनः लोड लिंक विशेषता डिफ़ॉल्ट पर सेट हो जाएगी। यहाँ मेरा कोड है 'संपादक। DomComponents.addType('लिंक', { मॉडल: dModel.extend({ डिफ़ॉल्ट: Object.assign({}, dModel.prototype.defaults, { हटाने योग...
यह समस्या स्वचालित रूप से बंद हो गई है क्योंकि मूल लेखक से अधिक जानकारी के लिए हमारे अनुरोध का कोई जवाब नहीं मिला है। केवल उस जानकारी के साथ जो वर्तमान में समस्या में है, हमारे पास कार्रवाई करने के लिए पर्याप्त जानकारी नहीं है। यदि आपके पा...
विवरण: "0.16.18" क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [एक्स] हाँ [ ] नहीं वेब बिल्डर डेमो में बग को पुन: पेश करने के चरण: डेमो और कंसोल खोलें, दर्ज करें 'संपादक। कैनवास.ऐडफ्रेम ({ नाम: 'मोबाइल होम पेज', x: 100, // कैनवास में स्थिति वाई: 100, चौड़ाई: 500, // फ़्रेम आयाम ऊंचाई: 600, डिवाइस: 'डिवाइस-आईडी',...
artf
रिपोर्ट के लिए @FlowingCloudRTL धन्यवाद, लेकिन मल्टी-फ्रेम फीचर अभी भी पूरा होने से बहुत दूर है, इसलिए मैं मुद्दों के बारे में आश्चर्यचकित नहीं हूं। अगर कोई इस सुविधा को आगे लाने में रुचि रखता है, तो कृपया मुझे बताएं