рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд╕рд╛рде рд╕рдВрдЧреНрд░рд╣реАрдд рдШрдЯрдХреЛрдВ рдХреЛ рдареАрдХ рд╕реЗ рд░реЗрдВрдбрд░ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ
рдзрдиреНрдпрд╡рд╛рдж @artf! рдЕрдВрдд рдореЗрдВ рдореИрдВ рдЗрд╕рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдерд╛ рд╕рдорд╕реНрдпрд╛рдПрдВ tagVarStart рдФрд░ tagVarEnd рдореЗрдВ рдереАрдВред рдЗрд╕ рдкрд░ рдЯрд┐рдкреНрдкрдгреА рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдпрд╣ рдХрд╛рдо рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░ рджреЗрддрд╛ рд╣реИ
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рдореБрдЭреЗ рдХреБрдЫ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝ рд░рд╣рд╛ рд╣реИ рдЬрдм рдХреБрдЫ рдШрдЯрдХреЛрдВ рдХреЛ рд╕рд╣реЗрдЬрдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдХреБрдЫ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╢рд╛рдорд┐рд▓ рд╣реЛрддреА рд╣реИ рдФрд░ рдкреГрд╖реНрда рдХреЛ рдкреБрдирдГ рд▓реЛрдб рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдШрдЯрдХреЛрдВ рдХреЛ рдареАрдХ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ рдЦрд╛рд▓реА рдмрдХреНрд╕реЗ рджрд┐рдЦрд╛ рд░рд╣рд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг: рдЬрдм рдореИрдВ jvas28/grapesjs-echarts рд╕реЗ рдПрдХ рдЪрд╛рд░реНрдЯ рдШрдЯрдХ рдХреЛ рд╕рд╣реЗрдЬрдиреЗ рдФрд░ рдкреГрд╖реНрда рдХреЛ рдкреБрдирдГ рд▓реЛрдб рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдореБрдЭреЗ рдпрд╣ рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ <рдЖрдИрдПрдордЬреА рдЪреМрдбрд╝рд╛рдИ="1438" alt="рд╕реНрдХреНрд░реАрди рд╢реЙрдЯ 2021-08-18 4 20 43 PM рдкрд░" src="https://user-images.githubusercontent.com/8138036/129891078-2191094d-d735-4178-9859-588f774120b6.png"> рдпрд╣рд╛рдБ рдЙрджрд╛рд╣рд░рдг рдРрдк рд╣реИ https://codesandbox.io/s/cranky-wescoff-93pxd?file...
рдЬрд╡рд╛рдм (3)
рдзрдиреНрдпрд╡рд╛рдж @artf!
рдЕрдВрдд рдореЗрдВ рдореИрдВ рдЗрд╕рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдерд╛
рд╕рдорд╕реНрдпрд╛рдПрдВ tagVarStart рдФрд░ tagVarEnd рдореЗрдВ рдереАрдВред рдЗрд╕ рдкрд░ рдЯрд┐рдкреНрдкрдгреА рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдпрд╣ рдХрд╛рдо рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░ рджреЗрддрд╛ рд╣реИ
return grapesjs.init({
// tagVarStart: '{{ ',
// tagVarEnd: ' }}',
.
.
});
рдЕрд░реЗ @shkhalid рд░рд┐рдкреЛрд░реНрдЯ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рд▓реЗрдХрд┐рди рдЗрд╕ рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рдкрд░, рдЖрдкрдХреЛ рдмрд╛рд╣рд░реА рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рдмрд┐рдирд╛ рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдореБрджреНрджреЛрдВ рдХреЛ рдЦреЛрд▓рдирд╛ рдЪрд╛рд╣рд┐рдП рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдкреНрд▓рдЧрдЗрди рдХреЗ рд╕рд╛рде рд╣реА рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реЛ рд╕рдХрддреА рд╣реИред рдХрдо рд╕реЗ рдХрдо рдореИрдВ рдХреЛрд░ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛ рдмрддрд╛ рд╕рдХрддрд╛ рд╣реВрдВ, рдореБрдЭреЗ рдЬреЗрдПрд╕ рдХреЗ рд╕рд╛рде рдШрдЯрдХреЛрдВ рдореЗрдВ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рджрд┐рдЦрддреА рд╣реИ (рдпрджрд┐ рдЗрд╕...
рдЗрд╕рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, @shkhalid ред рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд╕рд╛рде рд╕рдВрдЧреНрд░рд╣реАрдд рдШрдЯрдХреЛрдВ рдХреЛ рдареАрдХ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрдврд╝рд┐рдпрд╛ рдкреНрд░рд╢реНрдиред рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рдЕрдиреБрд╢рдВрд╕рд┐рдд рджреГрд╖реНрдЯрд┐рдХреЛрдг рдИрд╡реЗрдВрдЯ-рд╕рдВрдЪрд╛рд▓рд┐рдд рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣реИред рдпрд╣рд╛рдБ рд╕реЗ рд╢реБрд░реВ рдХрд░реЗрдВ: рдЕрдкрдиреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдореЙрдбреНрдпреВрд▓ рдХреЗ рд▓рд┐рдП GrapesJS рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ on()...
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #3463
рдЗрдВрд╕реНрдкреЗрдХреНрдЯрд░ рдУрд╡рд░рдлреНрд▓реЛ рдЯреВрдЯ рдЧрдпрд╛
рдЪреЗрддрд╛рд╡рдиреА рдкрдврд╝реЗрдВ рдФрд░ рдЕрдЧрд▓реЗ 3 рдЪрд░рдгреЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд░реЗрдВ, рдлрд┐рд░ рд╕рдорд╕реНрдпрд╛ рдкреЛрд╕реНрдЯ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдЙрдиреНрд╣реЗрдВ рд╣рдЯрд╛ рджреЗрдВрдпреЛрдЧрджрд╛рди рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢реЛрдВ https://github.com/artf/grapes...
рдЕрдВрдХ #3287
рд░реИрдкрд░ рд╕реНрдЯрд╛рдЗрд▓
рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЗрд╕ рдЕрджреНрднреБрдд рдкрд░рд┐рдпреЛрдЬрдирд╛ ЁЯТп рдХреЗ рд▓рд┐рдП @artf рдмрдзрд╛рдИ рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдПрдХ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдореИрдВ рдкреВрдЫрдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛ рдХрд┐ рдХреНрдпрд╛ рдореИрдВ рд░реИрдкрд░ (рдмреЙ...
рдЕрдВрдХ #3733
рднрдВрдбрд╛рд░рдг рдкреНрд░рдмрдВрдзрдХ coorectly рд▓реЛрдб рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ?
рдЪреЗрддрд╛рд╡рдиреА рдкрдврд╝реЗрдВ рдФрд░ рдЕрдЧрд▓реЗ 3 рдЪрд░рдгреЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд░реЗрдВ, рдлрд┐рд░ рд╕рдорд╕реНрдпрд╛ рдкреЛрд╕реНрдЯ рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдЙрдиреНрд╣реЗрдВ рд╣рдЯрд╛ рджреЗрдВрдпреЛрдЧрджрд╛рди рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢реЛрдВ https://github.com/artf/grapes...
рдЕрдВрдХ #3447
рдПрдиреНрдХреЛрдбрд┐рдВрдЧ рд╕рдорд╕реНрдпрд╛ рдХреЗ рдХрд╛рд░рдг рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ
1 - рдореИрдВрдиреЗ рдбреЗрдореЛ HTML рдХреЛрдб рдХреЗ рдмрдЬрд╛рдп рдЯрд╛рдЗрдк рдХрд┐рдП рдЧрдП рдЯреЗрдХреНрд╕реНрдЯ рдШрдЯрдХ рдХреЛрдб рдХреА рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдмрдирд╛рдИ; 2 - рдФрд░ рдЕрдиреБрдорддрд┐ рджреА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛: 1; рдЖрдк рдпрд╣рд╛рдВ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦ...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред
рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
2026 рдореЗрдВ SaaS рдкреЗрдЬ рдмрд┐рд▓реНрдбрд░ рдмрдирд╛рдиреЗ рдореЗрдВ рдХрд┐рддрдирд╛ рдЦрд░реНрдЪ рдЖрддрд╛ рд╣реИ?
2026 рдореЗрдВ SaaS рдкреЗрдЬ рдмрд┐рд▓реНрдбрд░ рдмрдирд╛рдиреЗ рдореЗрдВ рдХрд┐рддрдирд╛ рдЦрд░реНрдЪ рдЖрддрд╛ рд╣реИ? рдпрдерд╛рд░реНрдерд╡рд╛рджреА рд╡рд┐рдХрд╛рд╕ рд▓рд╛рдЧрдд, рд╕рдордпрд╕реАрдорд╛, рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдФрд░ GrapesJS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрдо рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдЗрд╕рдХрд╛ рдЕрдиреНрд╡реЗрд╖рдг рдХрд░реЗрдВ
рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
GrapesJS рдХреЗ рд▓рд┐рдП рдХреНрд▓рд╛рдЙрдб рдХреМрд╢рд▓: рдПрдЖрдИ рд╣рдорд╛рд░реЗ рджреГрд╢реНрдп рд╕рдВрдкрд╛рджрдХреЛрдВ рдХреЗ рдирд┐рд░реНрдорд╛рдг рдХреЗ рддрд░реАрдХреЗ рдХреЛ рдХреИрд╕реЗ рдмрджрд▓ рд░рд╣рд╛ рд╣реИ
рд╣рдордиреЗ GrapesJS рд╡рд┐рдХрд╛рд╕ рдХреЗ рд▓рд┐рдП рдХреНрд▓рд╛рдЙрдб рд╕реНрдХрд┐рд▓ рдЬрд╛рд░реА рдХрд┐рдпрд╛ рд╣реИ - рдПрдХ рдореБрдлреНрдд, рдУрдкрди-рд╕реЛрд░реНрд╕ рдХреМрд╢рд▓ рдЬреЛ рдХреНрд▓рд╛рдЙрдб рдХреЛ рдПрдХ рдбреЗрд╡рд▓рдкрд░ рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИ рдЬреЛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ GrapesJS
рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
Next.js, GrapesJS рдФрд░ AI SDK рдХреЗ рд╕рд╛рде AI-рдЕрд╕рд┐рд╕реНрдЯреЗрдб рдбреЙрдХреНрдпреВрдореЗрдВрдЯ рдЗрдВрдЬрди рдХрд╛ рдирд┐рд░реНрдорд╛рдг
рдЕрдкрдиреЗ рд╕реНрдерд┐рд░ рдЯреЗрдореНрдкрд▓реЗрдЯ рд╕рдВрдкрд╛рджрдХ рдХреЛ Vercel AI SDK, AI рддрддреНрд╡реЛрдВ рдФрд░ Next.js рдХреЗ рд╕рд╛рде рдПрдХ рдмреБрджреНрдзрд┐рдорд╛рди, рдЬрдирд░реЗрдЯрд┐рд╡ рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд╛рд░реНрдпрдХреНрд╖реЗрддреНрд░ рдореЗрдВ рдмрджрд▓реЗрдВред
рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред