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

рдЕрдВрдХ #2381ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 6 рдирд╡рдореНрдмрд░ 2019рджреНрд╡рд╛рд░рд╛ ColinTenaguillo3 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

рдХреНрдпрд╛ рд╕рдВрдкрд╛рджрдХ рдкрд░ рдЬрд╛рдирдХрд╛рд░реА рдореЛрдбрд▓ рдЬреЛрдбрд╝рдирд╛ рд╕рдВрднрд╡ рд╣реИ

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

рд╡рд░реНрддрдорд╛рди рдореЗрдВ, рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдЧреБрдгреЛрдВ рдХреЛ рдмрдврд╝рд╛рдиреЗ/рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреЛрдИ рджрд╕реНрддрд╛рд╡реЗрдЬ рдирд╣реАрдВ рд╣реИ (рдореИрдВрдиреЗ рдЕрднреА рдХреБрдЫ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХрд╛ рдПрд╣рд╕рд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ рдЬреИрд╕реЗ grapesjs-style-filter рдФрд░ grapesjs-style-gradient рд▓реЗрдХрд┐рди рдкрд░реНрдпрд╛рдкреНрдд рдирд╣реАрдВ рд╣реИ) рдФрд░ рд╕рднреА рдИрдорд╛рдирджрд╛рд░реА рд╕реЗ, рдореИрдВрдиреЗ рдЕрдм рддрдХ рдЬреЛ рдХрд┐рдпрд╛ рд╣реИ (рд╕рд╛рд░реНрд╡рдЬрдирд┐рдХ рдПрдкреАрдЖрдИ рдХреЗ рд░реВрдк рдореЗрдВ) рдпрд╣ рдЙрддрдирд╛ рдареЛрд╕ рдирд╣реАрдВ рд╣реИ, рдореБрдЭреЗ рдпрд╣ рдкрд╕рдВрдж рдирд╣реАрдВ рд╣реИ...

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

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

рдирдорд╕реНрддреЗ

рдореИрдВ grapejs рд╕рдВрдкрд╛рджрдХ рдкрд░ рдПрдХ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдкреНрд░рд╢реНрдирдЪрд┐рд╣реНрди рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬрд┐рд╕ рдкрд░ рд╣рдо рдХреНрд▓рд┐рдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рддрд╛рдХрд┐ рд╣рдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдпрд╣ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдХрд▓реНрдкрдирд╛ рдХреНрдпрд╛ рд╣реИ, рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдЬрд╛рдирдХрд╛рд░реА рджреЗ рд╕рдХреЗрдВред

! [рдЫрд╡рд┐] (https://user-images.githubusercontent.com/36203690/68286437-65fbbf80-0081-11ea-9e47-ba366c822984.png)

рдпрд╣ рдЙрди рд╕рднреА рд╕реВрдЪрдирд╛рдУрдВ рдХреЗ рд╕рд╛рде рдПрдХ рдореЛрдбрд▓ рдЦреЛрд▓реЗрдЧрд╛ рдЬреЛ рд╣рдо рдХрд┐рд╕реА рд╕реЗрдХреНрдЯрд░ рдореЗрдВ рд╕рдВрдкрддреНрддрд┐ рдЬреЛрдбрд╝рдиреЗ рдкрд░ рджреЗ рд╕рдХрддреЗ рд╣реИрдВред рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рд╡реЗрдмрдкреЗрдЬ рдбреЗрдореЛ рдореЗрдВ рдХрд░рддреЗ рд╣реИрдВред

! [рдЫрд╡рд┐] (https://user-images.githubusercontent.com/36203690/68287251-b9bad880-0082-11ea-94e9-429c2477e1cc.png)

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

artfтАв 7 рдирд╡рдореНрдмрд░ 2019

рд╡рд░реНрддрдорд╛рди рдореЗрдВ, рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдЧреБрдгреЛрдВ рдХреЛ рдмрдврд╝рд╛рдиреЗ/рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреЛрдИ рджрд╕реНрддрд╛рд╡реЗрдЬ рдирд╣реАрдВ рд╣реИ (рдореИрдВрдиреЗ рдЕрднреА рдХреБрдЫ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХрд╛ рдПрд╣рд╕рд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ рдЬреИрд╕реЗ grapesjs-style-filter рдФрд░ grapesjs-style-gradient рд▓реЗрдХрд┐рди рдкрд░реНрдпрд╛рдкреНрдд рдирд╣реАрдВ рд╣реИ) рдФрд░ рд╕рднреА рдИрдорд╛рдирджрд╛рд░реА рд╕реЗ, рдореИрдВрдиреЗ рдЕрдм рддрдХ рдЬреЛ рдХрд┐рдпрд╛ рд╣реИ (рд╕рд╛рд░реНрд╡рдЬрдирд┐рдХ рдПрдкреАрдЖрдИ рдХреЗ рд░реВрдк рдореЗрдВ) рдпрд╣ рдЙрддрдирд╛ рдареЛрд╕ рдирд╣реАрдВ рд╣реИ,...

ColinTenaguilloтАв 7 рдирд╡рдореНрдмрд░ 2019

рдпрд╣рд╛рдБ рдореИрдВрдиреЗ рдЖрдЬ рдереЛрдбрд╝реЗ рд╕реЗ рд╕рдВрд╢реЛрдзрдиреЛрдВ рдХреЗ рд╕рд╛рде рдХреНрдпрд╛ рдмрдирд╛рдпрд╛ рд╣реИ:

! [рдПрдЬрд╝рдЬреАрдЖрдИрдПрдл-3-рд╕реА8рдПрдИ3рдП7рдбреАрд╕реА0] (https://user-images.githubusercontent.com/36203690/68382629-66b15600-0154-11ea-9add-2a5bebcac89e.gif)

рдпрд╣ рд╡рд╣ рджреЗрдЦреЛ рдЬреЛ рдореИрдВ рдЪрд╛рд╣рддрд╛ рдерд╛ рдЕрдм рдореБрдЭреЗ рдореЛрдбрд▓ рдореЗрдВ рдЗрдЪреНрдЫрд┐рдд рд╕рд╛рдордЧреНрд░реА рдХреЛ рдбрд╛рд▓рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рдЦреЛрдЬрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ

ColinTenaguilloтАв 14 рдирд╡рдореНрдмрд░ 2019

рдЕрд░реЗ, рдореИрдВ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рд╕рдВрд╢реЛрдзрди рдХреЗ рд╕рд╛рде рдЕрдкрдиреА рд╢рд╛рдЦрд╛ рдХреИрд╕реЗ рдкреНрд░рдХрд╛рд╢рд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ? рдпрд╣ PropetyView рдкрд░рд┐рд╡рд░реНрддрди рд╣реИ рдЬреЛ рдореИрдВрдиреЗ рдХрд┐рдпрд╛ рд╣реИ рдореИрдВрдиреЗ рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдореЛрдбрд▓ рдХреЗ рд╕реАрдПрд╕рдПрд╕ рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдЗрди рд╡рд┐рд╢рд┐рд╖реНрдЯ рдореЛрдбрд▓ рдХреЗ рд▓рд┐рдП рд╕реАрдПрд╕рдПрд╕ рднреА рдЬреЛрдбрд╝рд╛ рд╣реИ

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

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

рдЕрдВрдХ #3267

0px рдмреЙрдХреНрд╕ рдЫрд╛рдпрд╛ рдзреБрдВрдзрд▓рд╛ рд╕реЗрдЯ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛

рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ, рд╕рдВрдкрд╛рджрдХ рдзреБрдВрдзрд▓рд╛рдкрди рдХреЛ 0px рдкрд░ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рдирд╣реАрдВ рджреЗрддрд╛ рд╣реИред 0 рд╣рдореЗрд╢рд╛ рдЬрд╛рджреБрдИ рд░реВрдк рд╕реЗ 5px рдореЗрдВ рдмрджрд▓ рдЬрд╛рддрд╛ рд╣реИред <рдЖрдИрдПрдордЬреА рдЪреМрдбрд╝рд╛рдИ="243" alt...

4 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 8 рдлрд╝рд░рд╡рд░реА 2022

рдЕрдВрдХ #3447

рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рд╕рдорд╕реНрдпрд╛ рдХреЗ рдХрд╛рд░рдг рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ

1 - рдореИрдВрдиреЗ рдбреЗрдореЛ HTML рдХреЛрдб рдХреЗ рдмрдЬрд╛рдп рдЯрд╛рдЗрдк рдХрд┐рдП рдЧрдП рдЯреЗрдХреНрд╕реНрдЯ рдШрдЯрдХ рдХреЛрдб рдХреА рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдмрдирд╛рдИ; 2 - рдФрд░ рдЕрдиреБрдорддрд┐ рджреА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛: 1; рдЖрдк рдпрд╣рд╛рдВ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦ...

4 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 22 рдордИ 2021

рдЕрдВрдХ #1577

рдЗрдирд▓рд╛рдЗрди рд╕реАрдПрд╕рдПрд╕ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ рдХреЛрдб рдкреНрд░рдмрдВрдзрдХ рдХреЛ рддреЛрдбрд╝рддреА рд╣реИрдВ

рдЬрд╛рд╣рд┐рд░рд╛ рддреМрд░ рдкрд░ рдпрд╣ html рдФрд░ css рдХрд╛ рдорд╛рдиреНрдп рдЯреБрдХрдбрд╝рд╛ рд╣реИ: <div style="color: red; / height 200px; /; font-weight: bold;"> (рдЗрд╕рд▓рд┐рдП рдЯрд┐рдкреНрдкрдгреА рдХреА рдЧрдИ heigh...

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

рдЕрдВрдХ #1410

рдбреНрд░реИрдЧ рдкреНрд▓реЗрд╕рд╣реЛрд▓реНрдбрд░ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░ рдкреЛрд╢рди

@artf рдЬрдм рд╣рдо рдХрдВрдЯреЗрдирд░ рдХреЗ рдКрдкрд░ рд╕реЗ рдХреБрдЫ рдорд╛рд░реНрдЬрд┐рди рд╕реЗрдЯ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕рдХреЗ рдЕрдВрджрд░ рдХреБрдЫ рдПрд▓рд┐рдореЗрдВрдЯ рдЦреАрдВрдЪрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдбреНрд░реИрдЧ рдкреНрд▓реЗрд╕рд╣реЛрд▓реНрдбрд░ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд░ рд╕реНрдерд┐рддрд┐ рд╕рд╣реА рдирд╣...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 26 рдЬреБрд▓рд╛рдИ 2023

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

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

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

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

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

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

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

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

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

рд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓

рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред

рд╕рднреА рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ тЖТ

рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓

GrapesJS рдХреЗ рд▓рд┐рдП рд╕реБрдкрд░ рдЯреВрд▓рдЯрд┐рдк - рд╕рдВрд╕реНрдХрд░рдг 0.1.5 рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЧрдпрд╛ ЁЯОЙ

рд╣рдо рд╕реБрдкрд░ рдЯреВрд▓рдЯрд┐рдк рдХреЗ рд╡реА 0.1.5 рдЕрдкрдбреЗрдЯ рдХреА рдШреЛрд╖рдгрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрддреНрд╕рд╛рд╣рд┐рдд рд╣реИрдВ, рдЬреЛ GrapesJS рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░рд╛ рдлреНрд▓реЛрдЯрд┐рдВрдЧ-рдореЗрдиреВ рдФрд░ рдЯреВрд▓рдЯрд┐рдк рдкреНрд▓рдЧрдЗрди рд╣реИ

рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓

GrapesJS 2026 рдореЗрдВ: рдУрдкрди-рд╕реЛрд░реНрд╕ рд╡реЗрдм рдмрд┐рд▓реНрдбрд░ рдлреНрд░реЗрдорд╡рд░реНрдХ рдХреЗ рд▓рд┐рдП рдкреВрд░реА рдЧрд╛рдЗрдб

2026 рдореЗрдВ рдорд╛рд╕реНрдЯрд░ GrapesJS ред рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░, рдХреЛрдб рдЙрджрд╛рд╣рд░рдг, React рдПрдХреАрдХрд░рдг, рдкреНрд▓рдЧрдЗрди рд╡рд┐рдХрд╛рд╕, рд╕реНрдЯреВрдбрд┐рдпреЛ рдПрд╕рдбреАрдХреЗ, рдФрд░ рдпрд╣ рдЕрдиреНрдп рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдХреА рддреБрд▓рдирд╛ рдХреИрд╕реЗ рдХрд░рддрд╛ рд╣реИ

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

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