JSON рдХреЛ HTML рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб рдореЗрдВ рдмрджрд▓реЗрдВ
рдирдорд╕реНрдХрд╛рд░ рднрд╡рд┐рд╖реНрдп рдХреЗ рдкреНрд░рд╢реНрдиреЛрдВ рдпрд╛ рддрдХрдиреАрдХреА рдореБрджреНрджреЛрдВ рдХреЗ рд▓рд┐рдП, рдЬреЛ рдмрдЧ рдирд╣реАрдВ рд╣реИрдВ, GitHub рдХрд╛ [рдЪрд░реНрдЪрд╛] (https://github.com/artf/grapesjs/рдЪрд░реНрдЪрд╛) рдЯреИрдм рдЖрдкрдХреЗ рд▓рд┐рдП рд╕рд╣реА рдЬрдЧрд╣ рд╣реИред рдпрджрд┐ рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдЗрд╕реЗ рдмрдВрдж рдХрд░рдирд╛ рди рднреВрд▓реЗрдВ рдпрд╛ рдЪрд░реНрдЪрд╛рдПрдВ -> рдкреНрд░рд╢реНрдиреЛрддреНрддрд░ рд╢реНрд░реЗрдгреА рдореЗрдВ рдПрдХ рдирдпрд╛ рд╡рд┐рд╕реНрддреГрдд рд╕рдВрджреЗрд╢ рд▓рд┐рдЦреЗрдВ (рдФрд░ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░реЗрдВ)ред рд╕рдордЭрдиреЗ рдХреЗ рд▓рд┐рдП рдзрди...
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рддреЛ рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЗрд╕ рдЕрджреНрднреБрдд рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рд▓рд┐рдП @artf рдзрдиреНрдпрд╡рд╛рджред рдореЗрд░рд╛ рдПрдХ рд╕рд╡рд╛рд▓ рд╣реИ: рдХреНрдпрд╛ рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб (Node.js рд╡рд╛рддрд╛рд╡рд░рдг рдореЗрдВ) рдкрд░ рдШрдЯрдХреЛрдВ-JSON рдХреЛ HTML рдореЗрдВ рдЖрд╕рд╛рдиреА рд╕реЗ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ? рдпрджрд┐ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ, рддреЛ рдХреНрдпрд╛ рдЖрдк рдореБрдЭреЗ рд╕рдВрдХреЗрдд рджреЗ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдЗрд╕реЗ рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд┐рдпрд╛ рдЬрд╛рдП? рдХреНрд▓рд╛рдЗрдВрдЯ-рд╕рд╛рдЗрдб рдкрд░ рдпрд╣ рдХрд╛рдлреА рд╕реАрдзрд╛ рд╣реИ: рдореИрдВ рдШрдЯрдХ-JSON (JSON.stringify(editor.getComponents());) рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдФрд░ рдЗрд╕реЗ рдЕрдкрдиреЗ рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рд╕рд╣реЗрдЬ рд╕рдХрддрд╛ рд╣реВрдВред рдлрд┐рд░ рдореИрдВ рдмрд╛рдж рдореЗрдВ рдЕрдкрдиреЗ рдШрдЯрдХреЛрдВ рдХрд╛ рдкреБрди: рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ (editor.setComponents();) рдФрд░ рдЗрд╕реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП HTML (editor.getHtml();) рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдореЗрдВ, рдореБрдЭреЗ рдЗрд╕реЗ рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб...
рдЬрд╡рд╛рдм (4)
рдирдорд╕реНрдХрд╛рд░ рднрд╡рд┐рд╖реНрдп рдХреЗ рдкреНрд░рд╢реНрдиреЛрдВ рдпрд╛ рддрдХрдиреАрдХреА рдореБрджреНрджреЛрдВ рдХреЗ рд▓рд┐рдП, рдЬреЛ рдмрдЧ рдирд╣реАрдВ рд╣реИрдВ, GitHub рдХрд╛ [рдЪрд░реНрдЪрд╛] (https://github.com/artf/grapesjs/рдЪрд░реНрдЪрд╛) рдЯреИрдм рдЖрдкрдХреЗ рд▓рд┐рдП рд╕рд╣реА рдЬрдЧрд╣ рд╣реИред рдпрджрд┐ рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдЗрд╕реЗ рдмрдВрдж рдХрд░рдирд╛ рди рднреВрд▓реЗрдВ рдпрд╛ рдЪрд░реНрдЪрд╛рдПрдВ -> рдкреНрд░рд╢реНрдиреЛрддреНрддрд░ рд╢реНрд░реЗрдгреА рдореЗрдВ рдПрдХ рдирдпрд╛ рд╡рд┐рд╕реНрддреГрдд рд╕рдВрджреЗрд╢ рд▓рд┐рдЦреЗрдВ (рдФрд░ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░...
рд╣рд╛рдВ, рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдХрд┐рд╕реА рднреА рдкреНрд░рдХрд╛рд░ рдХреА рдЗрдВрдЯрд░реИрдХреНрдЯрд┐рд╡ рд╕рд╛рдордЧреНрд░реА рд╣реИ, рддреЛ рд╢рд╛рдпрдж рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред рд╕реМрднрд╛рдЧреНрдп рд╕реЗ рдореЗрд░реЗ рдЖрд╡реЗрджрди рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИред
рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЖрдк grapesjs рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб (рдХреНрд▓рд╛рдЗрдВрдЯ-рд╕рд╛рдЗрдб рдХреЗ рд╕рдорд╛рди) рд╕реНрдерд╛рдкрд┐рдд рдХрд░ рд╕рдХреЗрдВ рдФрд░ рдЗрд╕реЗ рд░реЗрдВрдбрд░рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХреЗрдВ, рдЕрдиреНрдпрдерд╛ рдЖрдкрдХреЛ рд░реЗрдВрдбрд░рд░ рдХреЛ рд░рд┐рд╡рд░реНрд╕ рдЗрдВрдЬреАрдирд┐рдпрд░ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред рдПрдХ рдЕрдиреНрдп рд╡рд┐рдХрд▓реНрдк рдпрд╣ рд╣реЛрдЧрд╛ рдХрд┐ рдЬреЗрдирд░реЗрдЯ рдХрд┐рдП рдЧрдП HTML рдХреЛ рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рднреА рд╕реНрдЯреЛрд░ рдХрд┐рдпрд╛ рдЬрд╛рдПред
рдЗрд╕рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, @AdamTorma ред JSON рдХреЛ HTML рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб рдореЗрдВ рдмрджрд▓реЗрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрдврд╝рд┐рдпрд╛ рд╕рд╡рд╛рд▓ рд╣реИред рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рдЕрдиреБрд╢рдВрд╕рд┐рдд рджреГрд╖реНрдЯрд┐рдХреЛрдг рдИрд╡реЗрдВрдЯ-рд╕рдВрдЪрд╛рд▓рд┐рдд рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣реИред рдпрд╣рд╛рдБ рд╕реЗ рд╢реБрд░реВ рдХрд░реЗрдВ: рдЕрдкрдиреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдореЙрдбреНрдпреВрд▓ рдХреЗ рд▓рд┐рдП GrapesJS рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ on() рдИрд╡реЗрдВрдЯ рд╢реНрд░реЛрддрд╛ рд╡рд┐рдзрд┐ рджреЗрдЦреЗрдВ рдЕрдзрд┐рдХрд╛рдВрд╢ рдСрдкрд░реЗ...
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #3579
рдШрдЯрдХ рдХреЛ рдЫреЛрдбрд╝рдиреЗ рдХреЗ рдареАрдХ рдмрд╛рдж рдЦреЛрд▓реЗ рдЬрд╛рдиреЗ рдкрд░ рдЖрд░рдЯреАрдИ `activeOnRender` рдЧрд▓рдд рдЬрдЧрд╣ рдкрд░ рд░рдЦрд╛ рдЧрдпрд╛
рд╕рдВрд╕реНрдХрд░рдг: 0.17.4 рдХреНрдпрд╛ рдЖрдк рдбреЗрдореЛ рд╕реЗ рдмрдЧ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реИрдВ? [x] рд╣рд╛рдБ[ ] рдирд╣реАрдВ рдкреБрдирд░реБрддреНрдкрд╛рджрди рдХреЗ рдЪрд░рдг: рдбреЗрдореЛ рдкрд░ рдЬрд╛рдПрдВрдХреИрдирд╡рд╛рд╕ рдХреЗ рдЕрдВрджрд░ рдПрдХ "рдЯреЗрдХреНрд╕...
рдЕрдВрдХ #3347
рдореИрдВ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрд╕рдореНрдкреАрдбрд┐рдд рдЬреЗрдПрд╕ рдХреЛрдб рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?
рдирдорд╕реНрддреЗ, рдореЗрд░реА рд╕рдорд╕реНрдпрд╛ рдХреА рд╕рдореАрдХреНрд╖рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореИрдВ htmlуАБcss рдФрд░ js рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ JSEditor рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВ...
рдЕрдВрдХ #3176
`setStyle` рдФрд░ `setComponents` рд╡рд┐рдХрд▓реНрдк рдкреИрд░рд╛рдореАрдЯрд░ рдХреЛ рдзреНрдпрд╛рди рдореЗрдВ рдирд╣реАрдВ рд░рдЦрд╛ рдЧрдпрд╛
рд╕рдВрд╕реНрдХрд░рдг: 0.16.30 рдХреНрдпрд╛ рдЖрдк рдбреЗрдореЛ рд╕реЗ рдмрдЧ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реИрдВ? [рдПрдХреНрд╕] рд╣рд╛рдБ [ ] рдирд╣реАрдВ рдкреБрдирд░реБрддреНрдкрд╛рджрди рдХреЗ рдЪрд░рдг: рдХрдВрд╕реЛрд▓ рдЦреЛрд▓реЗрдВeditor.setComponents...
рдЕрдВрдХ #3779
Editor.getSelected().toHTML() encodes inline javascript
GrapesJS рд╕рдВрд╕реНрдХрд░рдг[X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рдХрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдирд╡реАрдирддрдо (рдХреНрд░реЛрдо)рдкреНрд░рдд...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред
рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish тАФ plugins, articles, community questions, guides, authors and services. Press тМШK from any page.
рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
2026 рдореЗрдВ GrapesJS рдХреЗ рд╕рд╛рде AI-рд╕рдВрдЪрд╛рд▓рд┐рдд рдкреЗрдЬ рдмрд┐рд▓реНрдбрд░ рдХреИрд╕реЗ рдмрдирд╛рдПрдВ
рд╣рдордиреЗ GJSDocs рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдХрд░рдирд╛ рд╕реАрдЦрд╛ - рд╕рд░рд▓ AI рдЯреЗрдХреНрд╕реНрдЯ рдЬрдирд░реЗрд╢рди рд╕реЗ рд▓реЗрдХрд░ рд╕рдВрд░рдЪрд┐рдд, рд╕рдВрджрд░реНрдн-рдЬрд╛рдЧрд░реВрдХ рджреГрд╢реНрдп рд╕рдВрдкрд╛рджрди рддрдХ
рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
2026 рдореЗрдВ SaaS рдкреЗрдЬ рдмрд┐рд▓реНрдбрд░ рдмрдирд╛рдиреЗ рдореЗрдВ рдХрд┐рддрдирд╛ рдЦрд░реНрдЪ рдЖрддрд╛ рд╣реИ?
2026 рдореЗрдВ SaaS рдкреЗрдЬ рдмрд┐рд▓реНрдбрд░ рдмрдирд╛рдиреЗ рдореЗрдВ рдХрд┐рддрдирд╛ рдЦрд░реНрдЪ рдЖрддрд╛ рд╣реИ? рдпрдерд╛рд░реНрдерд╡рд╛рджреА рд╡рд┐рдХрд╛рд╕ рд▓рд╛рдЧрдд, рд╕рдордпрд╕реАрдорд╛, рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдФрд░ GrapesJS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрдо рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдЗрд╕рдХрд╛ рдЕрдиреНрд╡реЗрд╖рдг рдХрд░реЗрдВ
рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред