rich text editor में ordered List का आइकन कैसे जोड़ें? यहाँ मेरा कोड है। rte.add('insertOrderedList', { आइकन: '',//यहां ऑर्डरलिस्ट का आइकन कैसे जोड़ें?? विशेषताएँ: {शीर्षक: "आदेशित सूची"}, परिणाम: (आरटीई, कार्रवाई) => rte.exec ('insertOrderedList'), });
ryandeba
आप बस icon मान को जो भी मार्कअप चाहते हैं उस पर सेट कर सकते हैं। यहाँ फ़ॉन्ट भयानक का उपयोग करके एक उदाहरण दिया गया है: FYI करें - मैंने grapesjs से फ़ॉन्ट भयानक को हटाने की कुछ चर्चा देखी है। मुझे यकीन नहीं है कि इसके लिए वर्तमान योजनाएं...
NorthstarTech
बहुत-बहुत धन्यवाद। अब ठीक काम कर रहा है।
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
हाय @artf, मैं प्रोग्राम से गतिशील रूप से सामग्री कैसे आयात कर सकता हूं जो स्वचालित रूप से कैनवास में प्रतिबिंबित होता है।
duskhacker
@suraj740 editor.setComponents() HTML/CSS दोनों लेगा, इसलिए आप setStyle कॉल को छोड़ सकते हैं। बाकी के लिए, आपने स्टोरेज मैनेजर डॉक्यूमेंटेशन को देखा, है ना? आप load/store को एक बटन पर क्लिक किए बिना प्रोग्रामेटिक रूप से कॉल कर सकते हैं, जै...
duskhacker
मेरी परियोजना में, मैं एक HTML तत्व पर data- विशेषताओं को सेट करता हूं और उन्हें जावास्क्रिप्ट में .dataset के माध्यम से निकालता हूं, एक बार संपादक कॉन्फ़िगर हो जाने के बाद, मैं चलाता हूं: ध्यान रखें कि HTML को स्थापित किया जाना चाहिए ताकि...
मैंने इसे वेबसाइट डेमो पर पुन: प्रस्तुत किया है, इसलिए मुझे पता है कि यह मेरी कोडिंग के कारण नहीं है। यदि आप किसी पाठ ब्लॉक के लिए एक न्यूनतम-ऊंचाई, चौड़ाई सेट करते हैं और फिर सभी पाठ को हटा देते हैं ताकि यह रिक्त हो, जब आप पाठ को पुन: दर्ज करते हैं तो पाठ डुप्लिकेट हो जाता है।
ryandeba
हाय @markbailey, मैं उस समस्या को फिर से बनाने में सक्षम था और इसे ठीक करने के लिए एक पुल अनुरोध प्रस्तुत किया। डुप्लिकेट की गई सामग्री केवल डोम में दिखाई देती है, घटक गुणों में नहीं, और संपादन के बाद दृश्य को प्रस्तुत करने के लिए मजबूर कर...
markbailey
हाय @ryandeba, उस जानकारी और काम के लिए धन्यवाद। मैं आपके परिवर्तनों के विलय होने की प्रतीक्षा कर रहा हूं।
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
मैंने देखा कि वर्तमान डेमो में केवल संपत्ति संपादक का उपयोग करके अधिकांश ब्लॉकों का आकार बदलना संभव है, न कि ब्लॉक पर एंकर खींचकर (जो उदाहरण के लिए मानचित्र तत्व के साथ संभव है)। क्या यह डिजाइन द्वारा है या यह केवल एक विशेषता है जिसे अभी तक लागू नहीं किया गया है?
ryandeba
हाय @matthewgertner, मेरा मानना है कि इसे "आकार बदलने योग्य" संपत्ति के माध्यम से अलग-अलग घटकों पर सक्षम किया जा सकता है: component.set("resizable", true) । यह शायद display: inline शैली (उदाहरण के लिए एक <span> ), या ऐसे तत्वों पर बहुत अच्...
artf
@matthewgertner रयान के समाधान को काम करना चाहिए, और, हां, मैं उन्हें रयान द्वारा पहले से बताए गए कारणों से डिजाइन द्वारा लागू नहीं करता हूं, लेकिन आप वास्तव में आकार बदलने योग्य सक्षम के साथ ब्लॉक/घटक बना सकते हैं
matthewgertner
@ryandeba @artf बढ़िया, सुझाव के लिए धन्यवाद। हम अब कोडबेस के साथ खेल रहे हैं इसलिए हम इसे आज़माएंगे।
क्या एक ब्लॉक बनाना संभव होगा जो उपयोगकर्ता को उत्तरदायी HTML में या तो सीधे टेम्पलेट पर या शैली/लेआउट प्रबंधक में किनारे पर लिखने की अनुमति दे?
ryandeba
हाय @NorthstarTech, मैंने अभी एक प्लगइन बनाया है (बहुत जल्दी, कुछ और काम का उपयोग कर सकता है) जो आपको मददगार लग सकता है: https://github.com/ryandeba/grapesjs-html-block । आपको बस उस फ़ाइल को अपने प्रोजेक्ट में शामिल करने में सक्षम होना चाह...
ryandeba
@chiqui3d प्रारंभिक आंतरिक html को घटकों में grapesjs द्वारा पार्स करने से रोकने के लिए isComponent फ़ंक्शन को इसमें बदलें: मेरे द्वारा पोस्ट किए गए अन्य कोड को grapesjs मोडल के माध्यम से संपादन करने के बाद html को पार्स करने से रोकना चाहि...
ryandeba
मेरा मानना है कि इस मुद्दे को हल कर लिया गया है और यहां पहली टिप्पणी के आधार पर इसे बंद किया जा सकता है: https://github.com/ryandeba/grapesjs-html-block/issues/1। यदि आप इस मुद्दे को खुला रखना चाहते हैं तो आप अतिरिक्त विवरण के साथ @Northst...
वीडियो लक्षणों में कस्टम HTML प्रकार कैसे जोड़ें ताकि उपयोगकर्ता iframe कोड दर्ज करने में सक्षम हो सके और यह html में एम्बेड हो जाएगा।
artf
मैं कहूंगा कि यह पूरी तरह से अलग तरह का घटक है।
Deepak813
क्या हमें यह घटक अगले संस्करण में वीडियो प्रकार के लक्षणों में मिला।
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
क्या यह संभव है, और यदि ऐसा है तो यह कैसे करना है, एक कस्टम HTML तत्व का उपयोग करने के लिए उदाहरण के लिए। <शरीर> <मेरा-कस्टम-टैग/> </शरीर> जो पूर्वावलोकन विंडो के लिए विशिष्ट html प्रस्तुत करेगा, लेकिन स्रोत कस्टम टैग आउटपुट करेगा? धन्यवाद पॉल
artf
हां, आप अपने कस्टम घटक में विभिन्न टैग नामों का उपयोग कर सकते हैं
paulroberttaylor-zz
धन्यवाद @artf, यह मुझे सही दिशा में इंगित करता है। अगर मैं चाहता हूं कि कस्टम टैग कोड में दिखाई देने के लिए ब्लॉक में संपादन योग्य कुछ भी होना चाहिए, तो मैं इसे कैसे प्राप्त करूंगा?
नमस्ते मेरे पास एक ऐप के लिए एक विचार है जो मुझे लगता है कि मेरे क्षेत्र के लोगों को उपयोगी लगेगा। अनिवार्य रूप से, एक ढांचा है जिसका उपयोग हम एप्लिकेशन डेवलपमेंट के लिए करते हैं लेकिन इसके लिए कोई यूआई बिल्डर नहीं है। इसमें काफी बड़ा css/icons/svg/fonts एसेट फ़ोल्डर है। मैं जो करना चाहता हूं वह एक प्लगइन बनाने में सक...
artf
हाय पॉल, आप इस तरह से बाहरी शैलियों को इंजेक्ट कर सकते हैं
paulroberttaylor-zz
शानदार! @artf धन्यवाद
suraj740
हाय @paulroberttaylor, आपने शैलियों के अंदर फोंट कैसे शामिल किए हैं, मैं भी ऐसा ही कर रहा हूं लेकिन कुछ भी बदलाव नहीं होता है const editor = grapesjs.init({ ... कैनवास: { शैलियाँ: ['<लिंक href="https://fonts.googleapis.com/css?family=Robot...
नमस्कार GrapesJS (शायद) के साथ नया मुद्दा है। मैंने bm.add() का उपयोग करके नया घटक बनाया है जिसमें मैंने <thead> और <tbody> टैग के साथ एक तालिका तत्व का उपयोग किया है। लेकिन editor.getHtml() विधि का उपयोग करके html प्राप्त करते समय, <thead> और <tbody> टैग को छोड़ दिया जाता है। क्या आप कृपया मदद कर सकते हैं? ! [2017-11...
artf
@fsaiyedOB हाँ, मैंने तालिका घटक को इस तरह बनाया है क्योंकि लिखने के उस समय सॉर्टर अलग तरह से काम कर रहा था और यह चारों ओर tbody जैसे तत्वों के साथ पंक्तियों को ऑर्डर करने में गड़बड़ था। वर्तमान में, तालिकाओं से निपटना यह मेरी प्राथमिकता न...
ryandeba
धन्यवाद! मैं अगले कुछ दिनों में इस पर शुरू करने की कोशिश करूंगा।
ryandeba
हाय @artf - मैं शायद किसी बिंदु पर इस पर एक नज़र डाल सकता हूं। मैंने तालिका घटक (पंक्तियाँ 54-68) में "गैर पंक्तियों से तालिका पंक्तियाँ" अनुभाग को हटाकर शुरू किया है। क्या आप मुझे सही दिशा में बता सकते हैं कि इससे किन समस्याओं का सामना कर...
एक कस्टम घटक बनाने का प्रयास करते हुए, डेमो यहां और कोड यहां देखें। दो button खींचें, फिर दो button + link खींचें दो बटन उचित चौड़ाई हैं, लेकिन कस्टम घटक कुछ अजीब पूर्ण चौड़ाई निश्चित ऊंचाई वाली चीज है क्यों? ! [छवि] (https://user-images.githubusercontent.com/1036968/33134633-4792f4d2-cf6e-11e7-84b1-cd588a3e6d95.png)
artf
डिफ़ॉल्ट tagName संपत्ति एक div है, इसे अपने मॉडल में बदलें
Geczy
अब समझ में आता है, धन्यवाद
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.