рдкреЗрдЬрдХрд┐рдЯ - рд╕реНрд╡-рд╣реЛрд╕реНрдЯреЗрдб GrapesJS рд╕рд╛рдЗрдЯ рдмрд┐рд▓реНрдбрд░, рд╕реНрд░реЛрдд рдХреЗ рд░реВрдк рдореЗрдВ рдмреЗрдЪрд╛ рдЧрдпрд╛ред рдЬрд▓реНрджреА рдкрд╣реБрдВрдЪ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ

рдЕрдВрдХ #2922ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 27 рдЬреБрд▓рд╛рдИ 2020рджреНрд╡рд╛рд░рд╛ RJCAM2 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

рд╡рд┐рд╢рд┐рд╖реНрдЯ рдШрдЯрдХ рдХреЗ рдмрд┐рдирд╛ рд╕рднреА рд╕реАрдПрд╕рдПрд╕ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ рдФрд░ рдпрд╣ рдмрдЪреНрдЪреЗ рд╣реИрдВ

рддреНрд╡рд░рд┐рдд рдЙрддреНрддрд░рджреНрд╡рд╛рд░рд╛ mcottretтЭд 1

рд╣рд╛рдп @RJCAM ! рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рддрд░реАрдХрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рд▓рд┐рдВрдХ рдХрд┐рдП рдЧрдП рдЙрддреНрддрд░ рдХреЗ рд╢реАрд░реНрд╖ рдкрд░ рдирд┐рд░реНрдорд╛рдг рдХрд░рддреЗ рд╣реБрдП, рдЖрдк рд╕рднреА рдШрдЯрдХреЛрдВ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдкреБрдирд░рд╛рд╡рд░реНрддреА рд░реВрдк рд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ, рдЪрдпрдирд┐рдд рдПрдХ рдФрд░ рдЙрд╕рдХреЗ рдмрдЪреНрдЪреЛрдВ рдХреЛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреА рддрд░рд╣ рдлрд╝рд┐рд▓реНрдЯрд░ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП window.editor рдорд╛рдирддреЗ рд╣реБрдП, рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ...

рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУ

рдкреНрд░рд╢реНрди

рдирдорд╕реНрддреЗ, рддреЛ, рдЗрд╕ рдЕрдВрдХ #2861 рдореЗрдВ рд╣рдо **рдПрдХ рдЪрдпрдирд┐рдд рддрддреНрд╡ рдХреЗ рд╕рднреА рд╕реАрдПрд╕рдПрд╕ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдпрд╣ рдмрдЪреНрдЪреЗ ** рдХреЗ рд╕рд╛рде рд╣реИрдВ:

const component = editor.getSelected();
let componentCss = editor.CodeManager.getCode(component,  'css', {
   cssc: editor.CssComposer
});

рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдореИрдВ рд╕рднреА рд╕реАрдПрд╕рдПрд╕ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди рдмрд┐рдирд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдШрдЯрдХ рдФрд░ рдпрд╣ рдмрдЪреНрдЪреЗ рд╣реИрдВ рдпрд╛ рдмрд┐рд▓реНрдХреБрд▓ рдЙрдкрд░реЛрдХреНрдд рдХреЗ рд╡рд┐рдкрд░реАрдд рд╣реИрдВ рдХреНрдпрд╛ рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ?

рдЬрд╡рд╛рдм (3)

mcottretтАв 28 рдЬреБрд▓рд╛рдИ 2020

рд╣рд╛рдп @RJCAM ! рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рддрд░реАрдХрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рд▓рд┐рдВрдХ рдХрд┐рдП рдЧрдП рдЙрддреНрддрд░ рдХреЗ рд╢реАрд░реНрд╖ рдкрд░ рдирд┐рд░реНрдорд╛рдг рдХрд░рддреЗ рд╣реБрдП, рдЖрдк рд╕рднреА рдШрдЯрдХреЛрдВ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдкреБрдирд░рд╛рд╡рд░реНрддреА рд░реВрдк рд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ, рдЪрдпрдирд┐рдд рдПрдХ рдФрд░ рдЙрд╕рдХреЗ рдмрдЪреНрдЪреЛрдВ рдХреЛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреА рддрд░рд╣ рдлрд╝рд┐рд▓реНрдЯрд░ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП window.editor рдорд╛рдирдд...

mcottretтАв 28 рдЬреБрд▓рд╛рдИ 2020

@RJCAM рдореБрдЭреЗ рдЦреЗрдж рд╣реИ рдХрд┐ рдореИрдВрдиреЗ рдЕрднреА рджреЗрдЦрд╛ рдХрд┐ рдореЗрд░рд╛ рдкрд┐рдЫрд▓рд╛ рдЙрддреНрддрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рдерд╛ рдХреНрдпреЛрдВрдХрд┐ рдмрдЪреНрдЪреЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ рдШрдЯрдХ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдкреБрдирдГ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рдмрдЪреНрдЪреЛрдВ рдХрд╛ рд╕реАрдПрд╕рдПрд╕ рднреА рд╢рд╛рдорд┐рд▓ рдерд╛ (рдЗрд╕рд▓рд┐рдП рдЗрд╕рдиреЗ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рд╢реИрд▓рд┐рдпреЛрдВ рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд┐рдпрд╛, рд╕рд╛рде рд╣реА рдЪрдпрдирд┐рдд рдШрдЯрдХ рдХреА рд╢реИрд▓реА рдХреЛ рднреА рд╢рд╛рдорд┐рд▓ рдХрд┐рдпрд╛ рдпрджрд┐ рдпрд╣ рдиреЗрд╕реНрдЯреЗрдб рдерд╛)ред рдореИрдВрдиреЗ рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреЗ...

RJCAMтАв 28 рдЬреБрд▓рд╛рдИ 2020

рд╣рд╛рдп @mcottret, рдЖрдкрдХреА рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдкрдХрд╛ рдЕрдзрд┐рдХрд╛рд░ рд╣реИ, рдореИрдВ рдЖрдкрдХреЗ рдХреЛрдб рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реВрдВ рддрд╛рдХрд┐ рдпрд╣ рдХрд╛рдо рд╣реЛ рд╕рдХреЗ рдЬреИрд╕рд╛ рдХрд┐ рдореИрдВ рдЙрдореНрдореАрдж рдХрд░рддрд╛ рд╣реВрдВ рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЖрдкрдХреА рдорджрдж рдХреА рд╕рд░рд╛рд╣рдирд╛ рдХрд░рддрд╛ рд╣реВрдВ, рдзрдиреНрдпрд╡рд╛рдж!

рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░

рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред

рдЕрдВрдХ #1388

рдЪрдпрдирд┐рдд рдШрдЯрдХ рдХреА рд╢реИрд▓реА рдХрд╛ рдЕрджреНрдпрддрди рдХрд░реЗрдВ

рдореИрдВ рдЪрдпрдирд┐рдд рддрддреНрд╡ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдЙрджрд╛рд╣рд░рдг: рдЪрдпрдирд┐рдд рддрддреНрд╡: <div id="inul" class='class1'>Hello</div> рдЙрдкрд░реЛрдХреНрдд рдХреЛрдб comp...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 13 рдирд╡рдореНрдмрд░ 2019

рдЕрдВрдХ #1838

рдХрд┐рд╕реА рдШрдЯрдХ рдХреА рдирд╡реАрдирддрдо рд╕реАрдПрд╕рдПрд╕ рд╕рдВрдкрддреНрддрд┐ рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ?

рд╣рд╛рдп, grapesjs рд╕рд╛рде рдмрд╣реБрдд рдмрдврд╝рд┐рдпрд╛ рдХрд╛рдо! рдореИрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдбреЙрдХреНрд╕ (рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ CssComposer) рдФрд░ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рдореБрджреНрджреЛрдВ рдХреЛ рдкрдврд╝ рдЪреБрдХрд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА, рдореИрдВ рдл...

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 10 рдорд╛рд░реНрдЪ 2020

рдЕрдВрдХ #1558

рдХреЛрдб рдкреНрд░рдмрдВрдзрдХ рд╕реЗрдЯ рдХреЛрдб

рд╣рд╛рдп @artf ред рдХреНрдпрд╛ рдРрд╕рд╛ рд╣реА рдХреБрдЫ рд╣реИ editor.CodeManager.setCode(component, 'css', {cssc: editor.CssComposer} рд╕реЗ рд▓реМрдЯрд╛рдП рдЧрдП рдЪрдпрдирд┐рдд рдмреНрд▓реЙрдХ рдХреЗ CSS рдирд┐рдпрдо...

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 3 рдирд╡рдореНрдмрд░ 2019

рдЕрдВрдХ #5346

рдХрд┐рд╕реА рдШрдЯрдХ рдХреА рд╕рдВрдмрдВрдзрд┐рдд рд╢реИрд▓реА рдХреЛ рд╣рдЯрд╛рдП рдмрд┐рдирд╛ рдЙрд╕реЗ рд╣рдЯрд╛рдирд╛

GrapesJS рд╕рдВрд╕реНрдХрд░рдг [X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рдХрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? Chrome рдХрд╛ рд╕рдмрд╕реЗ рдирдп...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 30 рдЕрдЧрд╕реНрдд 2023

рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ

рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред

рд╕рднреА рдкреНрд▓рдЧрдЗрдиреНрд╕ рджреЗрдЦреЗрдВ

рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...

рдирд┐рдГрд╢реБрд▓реНрдХ рд╡рд┐рдХрд▓реНрдк

рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред

рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТ
рдкреНрд░реАрдорд┐рдпрдо рд╡рд┐рдХрд▓реНрдк

рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред

рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТ

рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ

рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред