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

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

рддрддреНрд╡ рдЪрдпрдирд┐рдд рд╣реЛрдиреЗ рдкрд░ рдкрд╛рда-рдЫрд╛рдпрд╛ rgb рдорд╛рдиреЛрдВ рдХреЛ рд╣рдЯрд╛ рджреЗрддрд╛ рд╣реИ

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

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рддрддреНрд╡ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдкрд░ targetUpdated рджреЛ рдмрд╛рд░ рдЪрд▓рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдПрдХ рдмрд╛рд░ рд╕рд╣реА рдорд╛рди rgb(89, 89, 89) 5px 6px 7px рдХреЗ рд╕рд╛рде рдФрд░ рджреВрд╕рд░реА рдмрд╛рд░ rgb рдХреЗ рд╕рд╛рде 0 5px 6px 7px рд╕рд╛рдлрд╝ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдпрд╣ рд╕рдордЭрд╛рдПрдЧрд╛ рдХрд┐ рдпрд╣ рднреНрд░рдорд┐рдд рдХреНрдпреЛрдВ рд╣реИ рдХрд┐ рдкрд╣рд▓реА рдпрд╛ рдЕрдВрддрд┐рдо рд╕рдВрдЦреНрдпрд╛ рдХреЛ рд░рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рд╡реНрдпрд╛рдЦреНрдпрд╛ рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП рдпрд╛ рдирд╣реАрдВред рдХреЛрдИ рд╡рд┐рдЪрд╛рд░ рдЬрд╣рд╛рдВ рд╕реЗ рдпрд╣ рджреВрд╕рд░рд╛ рд░рди...

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

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

рдЙрджрд╛рд╣рд░рдг: https://jsfiddle.net/benvmatheson/g1ft06qh/8/

рдХрд┐рд╕реА рдкрд╛рда рдЧреБрдг рдХреЗ рд╕рд╛рде рдХреЛрдИ рд╢реИрд▓реА рдЖрдпрд╛рдд рдХрд░реЗрдВ. text-shadow:rgb(51, 166, 58) 4px 4px 4px;

рдпрд╣ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдЖрдЗрдЯрдо рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рд╣реЛрддрд╛ рд╣реИред рд╣рд╛рд▓рд╛рдБрдХрд┐, рдПрдХ рдмрд╛рд░ рдЖрдЗрдЯрдо рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, rgb рдорд╛рди рдЫреЛрдбрд╝ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ 0 рдХреЗ рд╕рд╛рде рдмрджрд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред text-shadow:0 4px 4px 4px;

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

benvmathesonтАв 9 рдирд╡рдореНрдмрд░ 2019

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рддрддреНрд╡ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдкрд░ targetUpdated рджреЛ рдмрд╛рд░ рдЪрд▓рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдПрдХ рдмрд╛рд░ рд╕рд╣реА рдорд╛рди rgb(89, 89, 89) 5px 6px 7px рдХреЗ рд╕рд╛рде рдФрд░ рджреВрд╕рд░реА рдмрд╛рд░ rgb рдХреЗ рд╕рд╛рде 0 5px 6px 7px рд╕рд╛рдлрд╝ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдпрд╣ рд╕рдордЭрд╛рдПрдЧрд╛ рдХрд┐ рдпрд╣ рднреНрд░рдорд┐рдд рдХреНрдпреЛрдВ рд╣реИ рдХрд┐ рдкрд╣рд▓реА рдпрд╛ рдЕрдВрддрд┐рдо рд╕рдВрдЦреНрдпрд╛ рдХреЛ рд░рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рд╡реНрдпрд╛рдЦреНрдпрд╛ рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП рдпрд╛ рдирд╣реАрдВред рдХреЛрдИ рд╡рд┐рдЪрд╛рд░...

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

рд╣рд╛рдБ, рдореИрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЗрд╕ рдореБрджреНрджреЗ рд╕реЗ рдЕрд╡рдЧрдд рд╣реВрдБред рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ, рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдкрд╛рд░реНрд╕рд░ рдХрд╛рдлреА рдЧреВрдВрдЧрд╛ рд╣реИ рдФрд░ рдпрд╣ рдЬреЛ рдХрд░рддрд╛ рд╣реИ рд╡рд╣ рдХреЗрд╡рд▓ рдПрдХ рд╡рд┐рднрд╛рдЬрдХ рджреНрд╡рд╛рд░рд╛ рдорд╛рди рдХреЛ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд░ рд░рд╣рд╛ рд╣реИ, рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ ' ' (рд╕реНрдерд╛рди), рдФрд░ рдкрд░рд┐рднрд╛рд╖рд╛ рдореЗрдВ рдЙрдирдХреЗ рдХреНрд░рдо рд╕реЗ рд╕рд╛рдкреЗрдХреНрд╖ рдЧреБрдгреЛрдВ рдореЗрдВ рд╡рд┐рднрд╛рдЬрди рд╡рд┐рддрд░рд┐рдд рдХрд░рдирд╛ред рддреЛ, рддрдХрдиреАрдХреА рд░реВрдк рд╕реЗ, рдпрд╣ рдкрд░рд┐рд╡рд░реНрддрди рдЗрд╕реЗ 4px 4px 4px...

benvmathesonтАв 4 рдирд╡рдореНрдмрд░ 2019

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХреНрд░реЙрд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдирд┐рд░реНрднрд░рддрд╛ рдХреЗ рдХрд╛рд░рдг рдПрдХ рдмрдбрд╝реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдмрджрд▓ рд╕рдХрддрд╛ рд╣реИред рдХреНрдпрд╛ рдпрд╣ grapes рдХреЗ рдЕрдВрджрд░ рдЗрд╕реЗ рд╣рд▓ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп 3 рдкрд╛рд░реНрдЯреА рдореЙрдбреНрдпреВрд▓ рдореЗрдВ рд▓рд╛рдиреЗ рдХреЗ рд▓рд╛рдпрдХ рд╣реЛрдЧрд╛?

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

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

рдЕрдВрдХ #2002

рдЫрд╡рд┐рдпреЛрдВ рдХрд╛ рдЖрдХрд╛рд░ рдкреВрд░реА рдЪреМрдбрд╝рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рдмрджрд▓реЗрдВрдЧреА

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

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

рдЕрдВрдХ #2419

рдкреВрд░реНрдг рдбреНрд░реИрдЧрдореЛрдб рд╕реНрдкрд░реНрд╢ рдЙрдкрдХрд░рдгреЛрдВ рдкрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ

рдирд┐рд░рдкреЗрдХреНрд╖ рдбреНрд░реИрдЧрдореЛрдб ( grapesjs рдЯрдЪ рдкреНрд▓рдЧрдЗрди рдХреЗ рд╕рд╛рде) рдЯрдЪ рдбрд┐рд╡рд╛рдЗрд╕ рдкрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред GrapesJS рд╕рдВрд╕реНрдХрд░рдг: 0.15.8 рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░: рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдЯрдЪ рд╕...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 16 рдЕрдХреНрдЯреВрдмрд░ 2021

рдЕрдВрдХ #1936

рдирд┐рд░рдкреЗрдХреНрд╖/рдбрд┐рдЬрд╝рд╛рдЗрдирд░ рдореЛрдб

рд╣рд╛рдп рджреЛрд╕реНрддреЛрдВ, рдпрд╣ рдореБрджреНрджрд╛ рдЗрд╕ рдмрд╛рдд рдХрд╛ рдЕрд╡рд▓реЛрдХрди рд╣реИ рдХрд┐ рдпрд╣ рдХреНрдпрд╛ рд╣реИ, рдХреНрдпрд╛ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдХреНрдпрд╛ рдХрд░рдирд╛ рд╣реИ рдФрд░ рдбрд┐рдЬрд╝рд╛рдЗрдирд░ рдореЛрдб рд╕реБрд╡рд┐рдзрд╛ рдХреЛ рдкреВрд░рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдЪреНрдЫрд╛...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 8 рдЬрдирд╡рд░реА 2025

рдЕрдВрдХ #1577

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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