рд╡рд╛рдкрд╕ рди рдЖрдиреЗ рдХреЗ рд▓рд┐рдП Css рд╢реИрд▓реА рдмрдирд╛рдПрдВ
рдкреНрд░рд╢реНрди
рдЬрдм рд╣рдо рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдХрд┐рд╕реА рдмреНрд▓реЙрдХ/рдШрдЯрдХ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рд╡рд╛рдкрд╕ рдирд╣реАрдВ рдХрд░рдиреЗ рд╕реЗ рдХреИрд╕реЗ рд░реЛрдХреЗрдВ
editor.getCss();
рдпрд╣ рдРрд╕рд╛ рд╣реИ рдЬреИрд╕реЗ
https://grapesjs.com/docs/api/component.html#tohtml
рд▓реЗрдХрд┐рди рдХрд╕реНрдЯрдо рдШрдЯрдХ рдХреЗ рдЕрдВрджрд░ toCSS рдЬреИрд╕рд╛ рдХреБрдЫ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП
рдЬрд╡рд╛рдм (3)
toHTML() {
return '';
},
toCSS() {
return '';
},
рдШрдЯрдХ рдореЗрдВ getStyle рд╡рд┐рдзрд┐ рд╣реИ рдЬреЛ рдЗрд╕ рддрд░рд╣ рдХреА рд╡рд╕реНрддреБ рд▓реМрдЯрд╛рддреА рд╣реИ { color: 'red'}. рдпрджрд┐ рд▓реМрдЯрдиреЗ рд╡рд╛рд▓рд╛ рдСрдмреНрдЬреЗрдХреНрдЯ рдЦрд╛рд▓реА рд╣реИ рддреЛ рдХреЛрдб рдореЗрдВ рдХреЛрдИ рдирд┐рдпрдо рдирд╣реАрдВ рдмрдирд╛рдпрд╛ рдЬрд╛рдПрдЧрд╛, рд▓реЗрдХрд┐рди рдЗрд╕реЗ рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЖрдк рдЕрдкрдиреА рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдирд╣реАрдВ рджреЗрдЦреЗрдВрдЧреЗред рдЖрдк рдЬреЛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рд╡рд╣ рдЗрд╕ рддрд░рд╣ рдПрдХ рдХрд╕реНрдЯрдо рдШрдЯрдХ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реИ: рдЗрд╕рд▓рд┐рдП рдХреЛрдб рдирд┐рд░реНрдпрд╛рдд рдХрд░рдиреЗ рд╕реЗ...
@artf рд╕рдорд╛рдзрд╛рди "getStyle()" рдЬреЛ рдЖрдкрдиреЗ рдкреНрд░рджрд╛рди рдХрд┐рдпрд╛ рд╣реИ, рдЙрд╕реЗ рдХреЗрд╡рд▓ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдХреНрдпрд╛ рд╣реЛрдЧрд╛ рдпрджрд┐ рдЗрд╕ рдШрдЯрдХ рдореЗрдВ "isNewComponent" рдХрд╛ рдПрдХ рд╡рд░реНрдЧ рд╣реИ рдФрд░ рдЗрд╕рдХреА рд╢реИрд▓реА рд╣реИ рд╕рдВрдкрд╛рджрдХ рдХреЗ рд▓рд┐рдП рдЙрдкрд░реЛрдХреНрдд рд╢реИрд▓реА (рдПрдХ рд╡рд░реНрдЧ рдХреЗ рд╕рд╛рде) рдХреЛ рд╢рд╛рдорд┐рд▓ рдирд╣реАрдВ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ рдЬрдм рд╣рдо editor.getCss() рдХрд╣рддреЗ рд╣реИрдВ;
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #2302
рдирд┐рд░реНрдпрд╛рдд рд╕реБрд╡рд┐рдзрд╛ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдмрд╛рд╣рд░реА рдкреНрд▓рдЧрдЗрди рд╕реАрдПрд╕рдПрд╕, рдЬреЗрдПрд╕ рдФрд░ рдПрдЪрдЯреАрдПрдордПрд▓ GrapesJS рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ?
рдореИрдВрдиреЗ GrapesJS рдореЗрдВ @fullCalendar рдХреЗ рдПрдХ рдмрд╛рд╣рд░реА рдкреНрд▓рдЧрдЗрди рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рд╣реИред рдореИрдВ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдХреИрд▓реЗрдВрдбрд░ рдХреЛ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖...
рдЕрдВрдХ #5460
`pageManager` рд╕реЗ `component` рдФрд░ `styles` рд▓реЛрдб рд╣реЛ рд░рд╣рд╛ рд╣реИ
GrapesJS рд╕рдВрд╕реНрдХрд░рдг[X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рдХрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдХреНрд░реЛрдо v117.0.5938....
рдЕрдВрдХ #3599
@keyframes рдХреАрдлрд╝реНрд░реЗрдо рдСрдмреНрдЬреЗрдХреНрдЯ рдкрд╛рд╕ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рднреА рдирд╣реАрдВ рдЬреЛрдбрд╝ рд░рд╣рд╛ рд╣реВрдВ
рд╣рд╛рдп @artf, рдореИрдВрдиреЗ let cc = editor.CssComposer; cc.setRule('.fadetop-animate', { рдЕрд╕реНрдкрд╖реНрдЯрддрд╛: 0, 'рдПрдиреАрдореЗрд╢рди-рдирд╛рдо': 'рдлреЗрдбрдЯреЙрдк' }, { atRuleType: 'рдХреАрдлреН...
рдЕрдВрдХ #2000
рдЬрдм рдХрд┐рд╕реА рдШрдЯрдХ рдХреА рдЖрдИрдбреА рдмрджрд▓ рджреА рдЬрд╛рддреА рд╣реИ рддреЛ рдХреМрди рд╕реА рдШрдЯрдирд╛ рдХреЛ рдирд┐рдХрд╛рд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?
рдореИрдВ рдХреБрдЫ рд╡реНрдпрд╡рд╣рд╛рд░ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬрдм рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдкреИрдирд▓ рдореЗрдВ рдХрд┐рд╕реА рдШрдЯрдХ рдХреА рдЖрдИрдбреА рдмрджрд▓ рджреА рдЬрд╛рддреА рд╣реИред рдореИрдВрдиреЗ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдШрдЯрдирд╛рдУрдВ рдХреЗ рд╕рд╛рде editor.on() рдХ...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред