рдореИрдВрдиреЗ html рддрд╛рд▓рд┐рдХрд╛ рдмрдирд╛рдИ рд╣реИ рдФрд░ рддрд╛рд▓рд┐рдХрд╛ рдХрдХреНрд╖реЛрдВ рдореЗрдВ рдирдП рддрддреНрд╡реЛрдВ рдХреЛ рдирд╣реАрдВ рдЦреАрдВрдЪ рд╕рдХрддрд╛
рд╣рд╛рдп рдХреЙрдиреНрд╕реНрдЯреЗрдВрдЯрд┐рди, рдРрд╕рд╛ рдХрд░рдиреЗ рд╕реЗ рдЖрдк рдореВрд▓ рд░реВрдк рд╕реЗ рдШрдЯрдХреЛрдВ рдХреЛ рдПрдХ рд╕реНрдерд┐рд░ HTML рд╕реЗ рдмрджрд▓рдХрд░ this.el.innerHTML = template; рд╣рдЯрд╛ рд░рд╣реЗ рд╣реИрдВред рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ, рдПрдХ рдмрд╛рд░ рдХреИрдирд╡рд╛рд╕ рдХреЗ рдЕрдВрджрд░ рдбрд╛рд▓рд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдПрдХ рдореЙрдбрд▓ рд╣реЛрддрд╛ рд╣реИ (рдорд╛рди рд▓реАрдЬрд┐рдП, рдШрдЯрдХ рдХреА JSON рд╕рдВрд░рдЪрдирд╛) рдЕрдкрдиреЗ рджреГрд╢реНрдп (рд░реЗрдВрдбрд░ рддрддреНрд╡реЛрдВ) рд╕реЗ рдмрдВрдзрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ View.el.innerHTML = '<div>...</div>' рдпрд╣ рд╕рд┐рд░реНрдл рдПрдХ...
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рдирдорд╕реНрдХрд╛рд░ред рдЕрдЧрд░ рдореИрдВ рдХреЛрдб рдХреЗ рдЕрдЧрд▓реЗ рдмреНрд▓реЙрдХ рдХреЗ рд╕рд╛рде html рддрд╛рд▓рд┐рдХрд╛ рдмрдирд╛рддрд╛ рд╣реВрдВ, рддреЛ рд╕рдм рдХреБрдЫ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдореИрдВ рдПрдХ рдЙрджреНрдзрд░рдг рдЫреЛрдбрд╝рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реВрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдХрд┐рд╕реА рднреА рд╕реЗрд▓ рдореЗрдВ: рд▓реЗрдХрд┐рди рдЕрдЧрд▓рд╛ рдХреЛрдб html рддрд╛рд▓рд┐рдХрд╛ рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд░рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдПрдХ рд╕реЗрд▓ рдореЗрдВ рдирдП рддрддреНрд╡ рдХреЛ рдЫреЛрдбрд╝рдиреЗ рдХреА рдХреЛрдИ рд╕рдВрднрд╛рд╡рдирд╛ рдирд╣реАрдВ рд╣реИред рдореИрдВ рдХреНрдпрд╛ рдЧрд▓рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдБ?
рдЬрд╡рд╛рдм (3)
рд╣рд╛рдп рдХреЙрдиреНрд╕реНрдЯреЗрдВрдЯрд┐рди, рдРрд╕рд╛ рдХрд░рдиреЗ рд╕реЗ рдЖрдк рдореВрд▓ рд░реВрдк рд╕реЗ рдШрдЯрдХреЛрдВ рдХреЛ рдПрдХ рд╕реНрдерд┐рд░ HTML рд╕реЗ рдмрджрд▓рдХрд░ this.el.innerHTML = template; рд╣рдЯрд╛ рд░рд╣реЗ рд╣реИрдВред рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ, рдПрдХ рдмрд╛рд░ рдХреИрдирд╡рд╛рд╕ рдХреЗ рдЕрдВрджрд░ рдбрд╛рд▓рд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдПрдХ рдореЙрдбрд▓ рд╣реЛрддрд╛ рд╣реИ (рдорд╛рди рд▓реАрдЬрд┐рдП, рдШрдЯрдХ рдХреА JSON рд╕рдВрд░рдЪрдирд╛) рдЕрдкрдиреЗ рджреГрд╢реНрдп (рд░реЗрдВрдбрд░ рддрддреНрд╡реЛрдВ) рд╕реЗ рдмрдВрдзрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ View.el.innerHTML = '<div>.....
рдзрдиреНрдпрд╡рд╛рджред
рдпрд╣ рдереНрд░реЗрдб рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рд▓реЙрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдмрдВрдж рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдХреЛрдИ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реБрдИ рд╣реИ. рдХреГрдкрдпрд╛ рд╕рдВрдмрдВрдзрд┐рдд рдмрдЧ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓реЗрдВ.
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #1556
рдмреНрд▓реЙрдХ рдкреНрд░рдмрдВрдзрдХ рдореЗрдВ рдирдпрд╛ рдмреНрд▓реЙрдХ рдЬреЛрдбрд╝реЗрдВ: рдкреВрд░реНрд╡рдирд┐рд░реНрдзрд╛рд░рд┐рдд рд╕рд╛рдордЧреНрд░реА рдФрд░ рд╕рдВрдкрд╛рджрдХ рд╕рд╛рдордЧреНрд░реА рдЕрд▓рдЧ рд╣реИ
рдореИрдВ grapesjs рдХреЗ рд╕рд╛рде рдЯреЗрдореНрдкрд▓реЗрдЯ рдЗрдВрдЬрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВред рдЗрд╕рдХреЗ рджреНрд╡рд╛рд░рд╛ рдирдпрд╛ рдмреНрд▓реЙрдХ рдЬреЛрдбрд╝реЗрдВ: рдирдП рдмреНрд▓реЙрдХ рдХреЛ рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рдЦреАрдВрдЪреЗрдВ рддреЛ рд╕рдВрдкрд╛рджрдХ рдХ...
рдЕрдВрдХ #1034
рдореВрд▓ рддрддреНрд╡ рдХреЗ рдЕрдВрджрд░ рддрддреНрд╡ рдпрд╛ рдмреНрд▓реЙрдХ рдбрд╛рд▓реЗрдВ
рд╢реБрдн рджрд┐рди, рдореЗрд░реЗ рдкрд╛рд╕ рдШрдЯрдХ рд╣реИ, рдмреНрд▓реЙрдХ рд╣реИ рдореЗрд░реЗ рдкрд╛рд╕ рдкрд░рд┐рд╡рд░реНрддрди рд╕реБрдирдиреЗ рдкрд░ рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИ, рдореИрдВ рдЙрд╕ рдмреНрд▓реЙрдХ рдХреЗ рдЕрдВрджрд░ "h1" рдХреИрд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВ "'<div class="contai...
рдЕрдВрдХ #854
рдЯреЗрдмрд▓ рдмреНрд▓реЙрдХ
рдореБрдЭреЗ рдХреЛрдИ рдмреБрдирд┐рдпрд╛рджреА рдмреНрд▓реЙрдХ рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ рдХрд┐ рдЖрдк рдПрдХ рддрд╛рд▓рд┐рдХрд╛ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВред рдпрд╣рд╛рдВ рддрдХ рдХрд┐ рдЕрдЧрд░ рдореИрдВ рдмреНрд▓реЙрдХ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдкрд╛рда рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдирд╛ рдЕрд╕рдВрднрд╡ рд╣реИред рдм...
рдЕрдВрдХ #1220
рдХрдорд╛рдВрдб рдореЗрдВ рдЪрдпрдирд┐рдд рдмреНрд▓реЙрдХ рдореЗрдВ рддрддреНрд╡реЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХрд░реЗрдВ
рдореИрдВ рдмреНрд▓реЙрдХ рд╕рд╛рдордЧреНрд░реА рдореЗрдВ рддрддреНрд╡реЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХреИрд╕реЗ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ? рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП: рдореЗрд░рд╛ рдмреНрд▓реЙрдХ: рдореЗрд░рд╛ рдШрдЯрдХ: рдЖрджреЗрд╢:
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред
рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред