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

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

рд╕реАрдПрд╕рдПрд╕ рдХреИрд╕реЗ рд▓реЛрдб рдХрд░реЗрдВ рдЬреЛ рдХреЛрдб рд╡реНрдпреВрдЕрд░ рдореЗрдВ рджреЗрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рд╕рд╣реЗрдЬрддреЗ рд╕рдордп рдирд┐рд░реНрдпрд╛рдд рднреА рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ

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

@AadilMehrajBhat рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, display: 'block' рдЙрд╕ рд╕рдВрдкрддреНрддрд┐ рдХреЗ рд▓рд┐рдП рдПрдХ рд╡реИрдз рд╕реАрдПрд╕рдПрд╕ рдорд╛рди рдирд╣реАрдВ рд╣реИ (рдпрд╣ display: block рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП) рдФрд░ рдлрд┐рд░ .d-block рдЖрдкрдХреЗ рдЯреЗрдореНрдкрд▓реЗрдЯ рдореЗрдВ рдХрд╣реАрдВ рднреА рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЕрдкреНрд░рдпреБрдХреНрдд рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд╣рдЯрд╛рдХрд░ рдкрд░рд┐рдгрд╛рдо рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдЕрдиреБрдХреВрд▓рд┐рдд рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ

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

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

рдирдорд╕реНрддреЗ: рд▓рд╣рд░: рдореИрдВ рд╡рд┐рд╖рдп рдХреЗ рд╣рд┐рд╕реНрд╕реЗ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдВрдкрд╛рджрдХ рдХреЗ рднреАрддрд░ рдХреБрдЫ рд╕реАрдПрд╕рдПрд╕ рд▓реЛрдб рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдореИрдВ рд▓реЛрдбрд┐рдВрдЧ рдХреЗ рд╣рд┐рд╕реНрд╕реЗ рдХреЗ рд░реВрдк рдореЗрдВ рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рдХреЛ рд▓рд┐рдВрдХ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реВрдВ, рд▓реЗрдХрд┐рди рдЬрд┐рд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рдореИрдВ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рд╡рд╣ рдпрд╣ рд╣реИ рдХрд┐ рдЯреИрдЧ рдХрд╛ <style> рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕реАрдзреЗ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рддреЗ рд╕рдордп, рдореИрдВ editor.getStyle() рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдзрд╛рд░рд╛рд╡рд╛рд╣рд┐рдХ рд╕рдВрд╕реНрдХрд░рдг рджреЗрдЦрдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реВрдВ рд▓реЗрдХрд┐рди editor.getCss() рдХреЗрд╡рд▓ protectedCss рд╢рд╛рдорд┐рд▓ рд╣реИред рдореИрдВ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдЙрд▓рдЭрди рдореЗрдВ рд╣реВрдВ рдХрд┐ рдХреЛрдб рд╡реНрдпреВрдЕрд░ рдХреЗ рднреАрддрд░ рдирд┐рд░реНрдпрд╛рдд рдпрд╛ рджреЗрдЦрдиреЗ рдкрд░ рд╕реАрдПрд╕рдПрд╕ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЯреЗрдореНрдкрд▓реЗрдЯ рд╢реИрд▓реА css рд╕рдВрдкрддреНрддрд┐ рдХреЗ рднреАрддрд░ рдХреИрд╕реЗ рдЬреЛрдбрд╝рд╛ рдЬрд╛рддрд╛ рд╣реИ, рдпрд╣ рднреА рдХрд┐ рд╕реАрдПрд╕рдПрд╕ рдирд┐рдпрдореЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХреИрд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рдП рдЬреЛ рдШрдЯрдХ...

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

artfтАв 9 рдирд╡рдореНрдмрд░ 2020

@AadilMehrajBhat рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, display: 'block' рдЙрд╕ рд╕рдВрдкрддреНрддрд┐ рдХреЗ рд▓рд┐рдП рдПрдХ рд╡реИрдз рд╕реАрдПрд╕рдПрд╕ рдорд╛рди рдирд╣реАрдВ рд╣реИ (рдпрд╣ display: block рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП) рдФрд░ рдлрд┐рд░ .d-block рдЖрдкрдХреЗ рдЯреЗрдореНрдкрд▓реЗрдЯ рдореЗрдВ рдХрд╣реАрдВ рднреА рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЕрдкреНрд░рдпреБрдХреНрдд рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд╣рдЯрд╛рдХрд░ рдкрд░рд┐рдгрд╛рдо рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдЕрдиреБрдХреВрд▓рд┐рдд рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ

GJSBlockтАв 17 рдордИ 2026

рдЗрд╕рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, @aadilmehrajbhat ред [рд╕рд╣рд╛рдпрддрд╛ рд╡рд╛рдВрдЫрд┐рдд] рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрдврд╝рд┐рдпрд╛ рд╕рд╡рд╛рд▓ рд╕реАрдПрд╕рдПрд╕ рдХреИрд╕реЗ рд▓реЛрдб рдХрд░реЗрдВ рдЬреЛ рдХреЛрдб рд╡реНрдпреВрдЕрд░ рдореЗрдВ рджреЗрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рд╕рд╣реЗрдЬрддреЗ рд╕рдордп рдирд┐рд░реНрдпрд╛рдд рднреА рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╕реНрдЯрд╛рдЗрд▓рдореИрдиреЗрдЬрд░ рдХреЗ рд╕рд╛рде рдЕрдиреБрд╢рдВрд╕рд┐рдд рджреГрд╖реНрдЯрд┐рдХреЛрдг рдИрд╡реЗрдВрдЯ-рд╕рдВрдЪрд╛рд▓рд┐рдд рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣реИред рдпрд╣рд╛рдБ рд╕реЗ рд╢реБрд░реВ рдХрд░реЗрдВ: рдЕрдкрдиреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ...

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

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

рдЕрдВрдХ #3347

рдореИрдВ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрд╕рдореНрдкреАрдбрд┐рдд рдЬреЗрдПрд╕ рдХреЛрдб рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?

рдирдорд╕реНрддреЗ, рдореЗрд░реА рд╕рдорд╕реНрдпрд╛ рдХреА рд╕рдореАрдХреНрд╖рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореИрдВ htmlуАБcss рдФрд░ js рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ JSEditor рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВ...

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

рдЕрдВрдХ #4455

'рдкреИрдирд▓-рдбрд┐рд╡рд╛рдЗрд╕' рдФрд░ 'рдкреИрдирд▓-рд╕реНрд╡рд┐рдЪрд░' рдкрд░рд╕реНрдкрд░ рд╡рд┐рд░реЛрдзреА

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

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

рдЕрдВрдХ #3688

рдХрд┐рд╕реА рдШрдЯрдХ рдХреЛ рдХреИрд╕реЗ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░реЗрдВ

рдореИрдВрдиреЗ рдЗрд╕ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЛ /docs/modules/Components.html#define-custom-component-type https://grapesjs.com рдкрдврд╝рд╛ рдФрд░ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХрд╛ рдкреНрд░рдпрд╛...

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 10 рдЕрдЧрд╕реНрдд 2021

рдЕрдВрдХ #3631

рдЕрдВрддрд┐рдо HTML рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдбрд╛рдпрдиреЗрдорд┐рдХ рд╕рд╛рдордЧреНрд░реА рдХреИрд╕реЗ рд▓реЛрдб рдХрд░реЗрдВ?

рдореИрдВрдиреЗ рд╣рд░ рдЬрдЧрд╣ рджреЗрдЦрд╛, рдЬрд┐рд╕рдореЗрдВ рдореБрджреНрджреЗ рдЕрдиреБрднрд╛рдЧ рднреА рд╢рд╛рдорд┐рд▓ рдереЗ рдФрд░ рдХреБрдЫ рдЪреАрдЬреЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреАред рд▓реЗрдХрд┐рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдирд┐рд╢реНрдЪрд┐рдд рд╣реИ рдХрд┐ рдореЗрд░реЗ рдШрдЯрдХреЛрдВ рдореЗрдВ рдЧрддрд┐рд╢реАрд▓ рд╕рд╛рдордЧреНрд░реА...

4 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 21 рдЬреБрд▓рд╛рдИ 2021

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

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

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

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

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

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

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

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

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

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

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