चयनित घटक की शैली का अद्यतन करें
ठीक है, यदि आप इस तरह के तत्व का चयन करते हैं: <div id="inul" class='class1'>Hello</div> आपके पास ये विकल्प हैं: केवल चयनित घटक शैली को बदलने के लिए editor.getSelected().setStyle({ color: 'red' }) का उपयोग करें, इसलिए परिणाम में आपको मिलेगा: editor.getSelectedToStyle().setStyle({ color: 'red' }) का उपयोग करके चयनित सी...
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
मैं चयनित तत्व के सीएसएस को अपडेट करने का प्रयास कर रहा हूं। उदाहरण: चयनित तत्व: <div id="inul" class='class1'>Hello</div> उपरोक्त कोड component.toHTML() से लौटाया गया था; सीएसएस: .class1{ पृष्ठभूमि-रंग: काला; } उपरोक्त सीएसएस कोड संपादक से लौटाया गया था। CodeManager.getCode (घटक, 'css', {cssc: संपादक। CssComposer}); मैंने यहां टेक्स्टएरिया का उपयोग किया (उदाहरण के लिए) और सीएसएस कोड को संपादित करें और जब मैं सेव बटन दबाता हूं और नीचे दिए गए कोड को चलाता हूं editor.getSelected().em.set('style', content); परिणाम वह नहीं है जो होना चाहिए, यह लौटता है #inul { 0: .; 1: डब्ल्यू; 2: ओ; 3: ओ; 4: मी;...
जवाब (3)
ठीक है, यदि आप इस तरह के तत्व का चयन करते हैं: <div id="inul" class='class1'>Hello</div> आपके पास ये विकल्प हैं: केवल चयनित घटक शैली को बदलने के लिए editor.getSelected().setStyle({ color: 'red' }) का उपयोग करें, इसलिए परिणाम में आपको मिलेगा: editor.getSelectedToStyle().setStyle({ color: 'red' }) का...
@froderf जब आप ऐसा करते हैं तो .setStyle(content ); content { color: 'red' } की तरह एक वस्तु होनी चाहिए और चयनकर्ता के साथ एक स्ट्रिंग नहीं होनी चाहिए
मुझे यहां जो चाहिए वह कुछ इस तरह है
editor.CodeManager.setCode(component, 'css', {cssc: editor.CssComposer});
जो चयनित घटक की शैली को अद्यतन करते हैं
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #2922
विशिष्ट घटक के बिना सभी सीएसएस प्राप्त करें और यह बच्चे हैं
नमस्ते, तो, इस अंक #2861 में हम एक चयनित तत्व के सभी सीएसएस प्राप्त कर सकते हैं और यह बच्चे के साथ हैं: लेकिन अगर मैं सभी सीएसएस प्राप्त कर...
अंक #1838
किसी घटक की नवीनतम सीएसएस संपत्ति कैसे प्राप्त करें?
हाय, grapesjs साथ बहुत बढ़िया काम! मैं पहले से ही डॉक्स (विशेष रूप से CssComposer) और प्रासंगिक मुद्दों को पढ़ चुका हूं लेकिन फिर भी, मैं फ...
अंक #1558
कोड प्रबंधक सेट कोड
हाय @artf । क्या ऐसा ही कुछ है editor.CodeManager.setCode(component, 'css', {cssc: editor.CssComposer} से लौटाए गए चयनित ब्लॉक के CSS नियम...
अंक #5346
किसी घटक की संबंधित शैली को हटाए बिना उसे हटाना
GrapesJS संस्करण [X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? Chrome का सबसे नय...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।