सुनो कैनवास के अंदर कोई नया ब्लॉक या सामग्री अपडेट होने पर मैं कुछ ईवेंट को कैसे ट्रिगर कर सकता हूं? कुछ ऐसा editor.onCanvasUpdate() धन्यवाद!
ryandeba
हाय @fsaiyedOB, मैं यहां सूचीबद्ध component:update ईवेंट के साथ इसे पूरा करने में सक्षम हूं: https://github.com/artf/grapesjs/wiki/API-Editor#available-events मेरा कोड कुछ इस तरह दिखता है
duskhacker
जब मैंने यह पता लगाने के लिए कहा कि संकेतक प्रदान करने के लिए कैनवास कब गंदा है, तो @artf मुझसे कहा:
मैं grapesjs में richtexteditor को ckeditor में बदल रहा हूं लेकिन यह काम नहीं कर रहा है। Richtexteditor अभी भी दिखा रहा है। मुझे इसे कैसे हल करना चाहिए? मेरा कोड है: editor.setCustomRte({ सक्षम करें: फ़ंक्शन (ईएल, आरटीई) { rte = नया CKEDITOR.inline (el, { टूलबार: [{ विशेषताएँ: { "वर्ग": "fa-image" }, कमांड: "ओपन-डायलॉ...
ryandeba
हाय @NorthstarTech, मैं देख रहा हूं कि आपका कोड grapesjs-plugin-ckeditor.js फ़ाइल शामिल कर रहा है। क्या आप उस प्लगइन को भी शामिल कर रहे हैं जब grapesjs.init() कॉल किया जाता है जैसा कि दिखाया गया है यहां?
NorthstarTech
हाँ मैंने grapesjs.init() पर प्लगइन भी जोड़ा है लेकिन काम नहीं कर रहा है। यह नीचे दिखाई गई त्रुटि देता है। ! [गलती] (https://user-images.githubusercontent.com/33541046/33324406-5b78d432-d471-11e7-9a18-a0e387dec055.png)
ryandeba
मैं ckeditor प्लगइन से बहुत परिचित नहीं हूं, लेकिन ऐसा प्रतीत होता है कि यह शेयरडस्पेस ckeditor प्लगइन की उम्मीद कर रहा है (देखें यहां)। मुझे लगता है कि आपको बस यह सुनिश्चित करने और उस प्लगइन को अपने CKEditor कॉन्फ़िगरेशन में शामिल करने की...
क्या संपत्ति अपलोड को अक्षम करने का कोई तरीका है, हम उपयोगकर्ता को केवल अनुमोदित छवियों का उपयोग करने के लिए मजबूर करना चाहते हैं और वह भी परिसंपत्ति प्रबंधक संवाद के माध्यम से।
ryandeba
हाय @krunal039, docs इंगित करता है कि आप इसे अक्षम करने के लिए upload: false पास कर सकते हैं ("उदाहरण" अनुभाग में टिप्पणी देखें)। क्या आपने ऐसा करने की कोशिश की है? मेरे पास इस समय स्वयं इसका परीक्षण करने का समय नहीं है, लेकिन यदि आप इसे आ...
क्या पृष्ठ पर किसी भी विशिष्ट घटक को एक से अधिक बार छोड़ने की अनुमति नहीं देने का कोई तरीका है? मेरे पास कस्टम घटक है और उपयोगकर्ता इसे पृष्ठ पर एक से अधिक नहीं छोड़ सकता है, इसलिए यदि घटक पहले से ही पृष्ठ पर जोड़ा गया है तो मैं विशिष्ट संदेश प्रदर्शित करना चाहता हूं और संपादक में छोड़ने की अनुमति नहीं देता हूं
ryandeba
हाय @krunal039, मेरा सबसे अच्छा सुझाव component:add ईवेंट को सुनना होगा। ईवेंट श्रोता फ़ंक्शन में आप यह देखने के लिए जांच सकते हैं कि क्या जोड़ा गया घटक वह प्रकार है जिसे आप ढूंढ रहे हैं, और यदि उन घटकों में से एक से अधिक अब कैनवास में मौज...
bunomonteiro
``` editor.on('component:add', model => { // ... आपका तर्क यहाँ जाता है अगर (हटाएं){ model.destroy(); } });
artf
@krunal039 रयान का सुझाव आपके अनुरोध को पूरा करने का सही तरीका है
हाय @artf, मैंने देखा है कि अगर मैं एक घटक जोड़ता हूं जिसमें पाठ और एक <a> टैग का संयोजन होता है, तो पाठ सामान्य रूप से संपादन योग्य नहीं होता है। अगर मैं <a> टैग को <span> से बदल देता हूं, तो मैं टेक्स्ट को ठीक से संपादित कर सकता हूं। यहां यह बताने के लिए कुछ है कि मेरा क्या मतलब है (टूटे हुए उदाहरण और एक कामकाजी उदा...
artf
धन्यवाद डैनियल, मैं आपसे सहमत हूं और आपके सुझावों का ध्यान रखूंगा। मैं सिर्फ 4 वें मामले के लिए यह बताना चाहूंगा कि आप संपादक को स्पष्ट रूप से संकेत भी दे सकते हैं कि एक पाठ घटक कहां है
artf
https://github.com/artf/grapesjs/releases/tag/v0.12.50 को ठीक किया जाना चाहिए
क्या grapesjs में सजावट शीर्षक के तहत अलग-अलग बॉर्डर-टॉप, बॉर्डर-राइट, बॉर्डर-लेफ्ट गुणों को जोड़ना संभव है। यह बॉर्डर रेडियस के समान होगा। अभी के लिए यह केवल सीमा-चौड़ाई दिखाता है जो सभी पक्षीय सीमाएँ देता है। मुझे केवल दाएं या बाएं तरफा सीमाएँ चाहिए।
ryandeba
हाय @NorthstarTech, मेरे पास कोई कोड उदाहरण नहीं है, लेकिन क्या आपने https://github.com/artf/grapesjs/wiki/API-Style-Manager#addproperty को देखा है? वहां एक उदाहरण है जो "न्यूनतम-ऊंचाई" जोड़ता है - क्या आप अपनी आवश्यकताओं को पूरा करने के ल...
artf
@NorthstarTech सही सीमा के लिए उदाहरण
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
क्या ज़ीरोनेट के साथ grapesjs का उपयोग करने का कोई तरीका है? https://zeronet.io/ आप ज़ीरोनेट पर साइटें बना सकते हैं लेकिन हेडर, बैनर और अन्य चीजों को जोड़ने के लिए आपको कोड लिखने के लिए सीएसएस और एचटीएमएल में जाना होगा। मुझे एक जुनून के साथ कोडिंग से नफरत है और मैं ज़ीरोनेट पर grapesjs का उपयोग करना चाहता हूं ताकि मैं...
artf
हाय जेफ़री, दुर्भाग्य से, डैनियल सही है, यदि आप अन्य परियोजनाओं में GrapesJS का उपयोग करना चाहते हैं तो किसी (देव) को पहले इसे एकीकृत करने की आवश्यकता है। मुझे लगता है कि आप कम से कम ज़ीरोनेट के देवों से पूछने की कोशिश कर सकते हैं कि क्या...
duskhacker
@Snarkly GrapesJS एक ड्रॉप-इन टर्न-की समाधान नहीं है। संपादक को काम करने के लिए आपको जावास्क्रिप्ट कोडिंग को समझना होगा (और करना होगा)। इसका उद्देश्य मौजूदा वेब स्टैक में एक फैंसी HTML संपादक जोड़ना है।
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
RichtextEditor में विशिष्ट कर्सर स्थिति में टेक्स्ट कैसे जोड़ें? कोई नमूना कोड? तत्काल आवश्यकता है धन्यवाद
ryandeba
हाय @NorthstarTech, क्या आप विस्तार से बता सकते हैं कि "विशिष्ट कर्सर स्थिति" से आपका क्या मतलब है? क्या यह चयन की शुरुआत/अंत है? या लक्ष्य स्थिति अधिक गतिशील है? एक कोड उदाहरण जो दिखा रहा है कि आपके पास अब तक क्या है (जाहिर है कि यह पूरी...
artf
विस्तृत विवरण के लिए धन्यवाद रयान, वैसे, मुझे लगता है कि यह #111 के समान है जो दोहराव के रूप में इतना करीब है
lock[bot]
यह थ्रेड स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद कोई हाल ही में कोई गतिविधि नहीं हुई है. कृपया संबंधित बग के लिए एक नया मुद्दा खोलें.
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 को स्थापित किया जाना चाहिए ताकि...