рд╢реИрд▓реА рдкреНрд░рдмрдВрдзрдХ рдореЗрдВ рдЧреБрдг рд╕реВрдЪреА рд╕рд░рдгреА рдореЗрдВ рд╡рд┐рдХрд▓реНрдк рдЬреЛрдбрд╝рдирд╛
рдореЗрд░рд╛ рдорд╛рдирдирд╛ рд╣реИ рдХрд┐ рдЖрдк рдмрд┐рд▓реНрдб рдкреНрд░реЙрдкреНрд╕ рдХреЛ рдЧреБрдгреЛрдВ рдХреА рд╕реВрдЪреА рд╕реЗ рдмрд╛рд╣рд░ рд▓реЗ рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдлрд┐рд░ рднреА рдЖрдк рдЬреЛ рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЙрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдлреНрд▓реЗрдХреНрд╕ рдмреЙрдХреНрд╕ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдЧреБрдг рдХреЗрд╡рд▓ рддрднреА рджрд┐рдЦрд╛рддреЗ рд╣реИрдВ рдЬрдм рдХрд┐рд╕реА рдШрдЯрдХ рдореЗрдВ display: flex рд╣реЛрддрд╛ рд╣реИред рдпрд╣ рднреА рдзреНрдпрд╛рди рд░рдЦрдирд╛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИ рдХрд┐ buildProps рдХреЗрд╡рд▓ рдЗрдирдкреБрдЯ рдХреЗ рдкреНрд░реАрд╕реЗрдЯ рдореЗрдВ рдмрдирд╛рдП рдЧрдП рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдЙрдиреНрд╣реЗрдВ рдЕрди...
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рдирдорд╕реНрддреЗ рдореИрдВ рдЧреБрдгреЛрдВ рдХреА рд╕реВрдЪреА рдореЗрдВ buildProps рдХреИрд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВ рдЬреИрд╕реЗ рдХрд┐ рдЬрдм рдХреЛрдИ рд╡рд┐рдХрд▓реНрдк рдЪреБрдирд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЙрд╕ рд╡рд┐рдХрд▓реНрдк рдХреЗ рдЧреБрдг рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдП рдЬрд╛рдПрдВрдЧреЗ рдореИрдВ рдлреНрд▓реЗрдХреНрд╕ рд╕рдВрдкрддреНрддрд┐ рдкрд░ рдХреНрдпрд╛ рд╣рд╛рд╕рд┐рд▓ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдЗрд╕рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдгред ! [рд╢реИрд▓реА-рдкреНрд░рдмрдВрдзрдХ] (https://user-images.githubusercontent.com/1162474/109381537-470ae780-78db-11eb-9ada-b126342a6e7c.png)
рдЬрд╡рд╛рдм (4)
рдореЗрд░рд╛ рдорд╛рдирдирд╛ рд╣реИ рдХрд┐ рдЖрдк рдмрд┐рд▓реНрдб рдкреНрд░реЙрдкреНрд╕ рдХреЛ рдЧреБрдгреЛрдВ рдХреА рд╕реВрдЪреА рд╕реЗ рдмрд╛рд╣рд░ рд▓реЗ рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдлрд┐рд░ рднреА рдЖрдк рдЬреЛ рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЙрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдлреНрд▓реЗрдХреНрд╕ рдмреЙрдХреНрд╕ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдЧреБрдг рдХреЗрд╡рд▓ рддрднреА рджрд┐рдЦрд╛рддреЗ рд╣реИрдВ рдЬрдм рдХрд┐рд╕реА рдШрдЯрдХ рдореЗрдВ display: flex рд╣реЛрддрд╛ рд╣реИред рдпрд╣ рднреА рдзреНрдпрд╛рди рд░рдЦрдирд╛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИ рдХрд┐ buildProps рдХреЗрд╡рд▓ рдЗрдирдкреБрдЯ рдХреЗ рдкреНрд░реАрд╕реЗрдЯ рдореЗрдВ рдмрдирд╛рдП рдЧрдП...
рдзрдиреНрдпрд╡рд╛рджред рдореИрдВрдиреЗ рдХреЛрд╢рд┐рд╢ рдХреА рд▓реЗрдХрд┐рди рдЧреНрд░рд┐рдб рдЧреБрдг рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдЗрд╕реЗ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдкрдбрд╝ рд╕рдХрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдХреИрд╕реЗ рд╕рдВрдкрд░реНрдХ рдХрд┐рдпрд╛ рдЬрд╛рдПред
рдЧреНрд░рд┐рдб рдЧреБрдгреЛрдВ рдХреЗ рд▓рд┐рдП рдХреЛрдИ buildProps рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЖрдкрдХреЛ рдЙрдиреНрд╣реЗрдВ рдЦрд░реЛрдВрдЪ рд╕реЗ рдмрдирд╛рдирд╛ рд╣реЛрдЧрд╛, рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдбреЙрдХреНрд╕ рдХреЗ рдкрд╛рд╕ рдХрд╕реНрдЯрдо рдЧреБрдгреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдирд╣реАрдВ рд╣реИ, рд╢рд╛рдпрдж рдЖрдкрдХреЛ рдПрдкреАрдЖрдИ рд╕рдВрджрд░реНрдн рд╕реЗ рдЪреАрдЬреЛрдВ рдХреЛ рдПрдХ рд╕рд╛рде рдЬреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛ https://grapesjs.com/docs/api/style_manager.html#stylemanager
рдЗрд╕рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, @server102ред FEAT: рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдореЗрдВ рдЧреБрдг рд╕реВрдЪреА рд╕рд░рдгреА рдореЗрдВ рд╡рд┐рдХрд▓реНрдк рдЬреЛрдбрд╝рдирд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдкрдиреА рд░рд┐рдкреЛрд░реНрдЯ рд╕рд╛рдЭрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдЯреАрдо рдХреЛ рдЗрд╕рдХреА рдЬрд╛рдВрдЪ рдХрд░рдиреЗ рдФрд░ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреЗрдиреЗ рдореЗрдВ рдорджрдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП: рдХреГрдкрдпрд╛ рдкреНрд░рджрд╛рди рдХрд░реЗрдВ: рдПрдХ рдиреНрдпреВрдирддрдо рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдЙрджрд╛рд╣рд░рдг (рдХреЛрдбрд╕реИрдВрдбрдмреЙрдХреНрд╕/рдЬреЗрдП...
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #3255
рдХрд╕реНрдЯрдо рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░
рд╣рд╛рдп @artf рдореИрдВ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдкреНрд░рджрд░реНрд╢рди рд╕рдВрдкрддреНрддрд┐ рдХреЗ рдкреНрд░рдХрд╛рд░ рдФрд░ рдЗрдирдкреБрдЯ рдорд╛рдиреЛрдВ рдХреЛ рдмрджрд▓рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ -: рд▓реЗрдХрд┐рди рд╕реНрдЯрд╛рдЗрд▓-рдореИрдиреЗрдЬрд░ рдмрдЯрди рдкрд░ рджрд┐рдЦрд╛рдИ рдирд╣реАрдВ рджреЗ...
рдЕрдВрдХ #3123
рдХрд░рддрдм: рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдореЗрдВ рдЪрдпрдирдХрд░реНрддрд╛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП 'рдЗрдирд▓рд╛рдЗрди-рдлреНрд▓реЗрдХреНрд╕' рдЬреЛрдбрд╝реЗрдВ
рдЖрдк GrapesJS рдореЗрдВ рдХреНрдпрд╛ рдЬреЛрдбрд╝рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдкреНрд░рджрд░реНрд╢рди рд╢реИрд▓реА inline-flex. рдпрд╛ рдХрд╝рд┐рд╕реНтАНрдо: рд╡рд░реНрддрдорд╛рди рдореЗрдВ рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдХреЗ рдбрд┐рд╕реНрдкреНрд▓реЗ рдЪрдпрдирдХрд░реНрддрд╛ рдХреЗ рдк...
рдЕрдВрдХ #3642
рдПрдХрд╛рдзрд┐рдХ рдкреГрд╖реНрда рдкреНрд░рдмрдВрдзрдХ рдбрд┐рд╡рд╛рдЗрд╕ рдкреНрд░рдмрдВрдзрдХ рд░реАрд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИ
рдирдорд╕реНрддреЗ, рдореБрдЭреЗ рдкреЗрдЬ рдореИрдиреЗрдЬрд░ рдХреЗ рд╕рд╛рде рдПрдХ рдЫреЛрдЯреА рд╕реА рд╕рдорд╕реНрдпрд╛ рд╣реИред рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рд╕рднреА рдкреГрд╖реНрдареЛрдВ рдХрд╛ рдПрдХ рдирд┐рд╢реНрдЪрд┐рдд рд╕рдорд╛рдзрд╛рди рд╣реЛред рдКрдВрдЪрд╛рдИ рдФрд░ рдЪреМрдбрд╝рд╛рдИ рдХреЗ рдЖрдВрдХрдбрд╝реЗ рдПрдХ рдПрдкреА...
рдЕрдВрдХ #3331
рдХрд╕реНрдЯрдо рдПрд╕реЗрдЯ рдореИрдиреЗрдЬрд░
рд╣рд╛рдп @artf рдореИрдВрдиреЗ рдирдП рдкреНрд░рдХрд╛рд░ рдХреЗ рдкрд░рд┐рд╕рдВрдкрддреНрддрд┐ рдкреНрд░рдмрдВрдзрдХ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдХрд╛ рдкрд╛рд▓рди рдХрд┐рдпрд╛ рдпрд╣рд╛рдБ ( https://codepen.io/abhi_punk81/pen/MWbWzaq)...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред