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

рдЕрдВрдХ #1661ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 14 рджрд┐рд╕рдореНрдмрд░ 2018рджреНрд╡рд╛рд░рд╛ Konger19680 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

рдореИрдВрдиреЗ html рддрд╛рд▓рд┐рдХрд╛ рдмрдирд╛рдИ рд╣реИ рдФрд░ рддрд╛рд▓рд┐рдХрд╛ рдХрдХреНрд╖реЛрдВ рдореЗрдВ рдирдП рддрддреНрд╡реЛрдВ рдХреЛ рдирд╣реАрдВ рдЦреАрдВрдЪ рд╕рдХрддрд╛

рддреНрд╡рд░рд┐рдд рдЙрддреНрддрд░рджреНрд╡рд╛рд░рд╛ artf

рд╣рд╛рдп рдХреЙрдиреНрд╕реНрдЯреЗрдВрдЯрд┐рди, рдРрд╕рд╛ рдХрд░рдиреЗ рд╕реЗ рдЖрдк рдореВрд▓ рд░реВрдк рд╕реЗ рдШрдЯрдХреЛрдВ рдХреЛ рдПрдХ рд╕реНрдерд┐рд░ HTML рд╕реЗ рдмрджрд▓рдХрд░ this.el.innerHTML = template; рд╣рдЯрд╛ рд░рд╣реЗ рд╣реИрдВред рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ, рдПрдХ рдмрд╛рд░ рдХреИрдирд╡рд╛рд╕ рдХреЗ рдЕрдВрджрд░ рдбрд╛рд▓рд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдПрдХ рдореЙрдбрд▓ рд╣реЛрддрд╛ рд╣реИ (рдорд╛рди рд▓реАрдЬрд┐рдП, рдШрдЯрдХ рдХреА JSON рд╕рдВрд░рдЪрдирд╛) рдЕрдкрдиреЗ рджреГрд╢реНрдп (рд░реЗрдВрдбрд░ рддрддреНрд╡реЛрдВ) рд╕реЗ рдмрдВрдзрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ View.el.innerHTML = '<div>...</div>' рдпрд╣ рд╕рд┐рд░реНрдл рдПрдХ...

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

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

рдирдорд╕реНрдХрд╛рд░ред рдЕрдЧрд░ рдореИрдВ рдХреЛрдб рдХреЗ рдЕрдЧрд▓реЗ рдмреНрд▓реЙрдХ рдХреЗ рд╕рд╛рде html рддрд╛рд▓рд┐рдХрд╛ рдмрдирд╛рддрд╛ рд╣реВрдВ, рддреЛ рд╕рдм рдХреБрдЫ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдореИрдВ рдПрдХ рдЙрджреНрдзрд░рдг рдЫреЛрдбрд╝рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реВрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдХрд┐рд╕реА рднреА рд╕реЗрд▓ рдореЗрдВ: рд▓реЗрдХрд┐рди рдЕрдЧрд▓рд╛ рдХреЛрдб html рддрд╛рд▓рд┐рдХрд╛ рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд░рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдПрдХ рд╕реЗрд▓ рдореЗрдВ рдирдП рддрддреНрд╡ рдХреЛ рдЫреЛрдбрд╝рдиреЗ рдХреА рдХреЛрдИ рд╕рдВрднрд╛рд╡рдирд╛ рдирд╣реАрдВ рд╣реИред рдореИрдВ рдХреНрдпрд╛ рдЧрд▓рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдБ?

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

artfтАв 20 рджрд┐рд╕рдореНрдмрд░ 2018

рд╣рд╛рдп рдХреЙрдиреНрд╕реНрдЯреЗрдВрдЯрд┐рди, рдРрд╕рд╛ рдХрд░рдиреЗ рд╕реЗ рдЖрдк рдореВрд▓ рд░реВрдк рд╕реЗ рдШрдЯрдХреЛрдВ рдХреЛ рдПрдХ рд╕реНрдерд┐рд░ HTML рд╕реЗ рдмрджрд▓рдХрд░ this.el.innerHTML = template; рд╣рдЯрд╛ рд░рд╣реЗ рд╣реИрдВред рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ, рдПрдХ рдмрд╛рд░ рдХреИрдирд╡рд╛рд╕ рдХреЗ рдЕрдВрджрд░ рдбрд╛рд▓рд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдПрдХ рдореЙрдбрд▓ рд╣реЛрддрд╛ рд╣реИ (рдорд╛рди рд▓реАрдЬрд┐рдП, рдШрдЯрдХ рдХреА JSON рд╕рдВрд░рдЪрдирд╛) рдЕрдкрдиреЗ рджреГрд╢реНрдп (рд░реЗрдВрдбрд░ рддрддреНрд╡реЛрдВ) рд╕реЗ рдмрдВрдзрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ View.el.innerHTML = '<div>.....

Konger1968тАв 20 рджрд┐рд╕рдореНрдмрд░ 2018

рдзрдиреНрдпрд╡рд╛рджред

lock[bot]тАв 20 рджрд┐рд╕рдореНрдмрд░ 2019

рдпрд╣ рдереНрд░реЗрдб рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рд▓реЙрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдмрдВрдж рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдХреЛрдИ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реБрдИ рд╣реИ. рдХреГрдкрдпрд╛ рд╕рдВрдмрдВрдзрд┐рдд рдмрдЧ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓реЗрдВ.

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

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

рдЕрдВрдХ #1556

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

рдореИрдВ grapesjs рдХреЗ рд╕рд╛рде рдЯреЗрдореНрдкрд▓реЗрдЯ рдЗрдВрдЬрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВред рдЗрд╕рдХреЗ рджреНрд╡рд╛рд░рд╛ рдирдпрд╛ рдмреНрд▓реЙрдХ рдЬреЛрдбрд╝реЗрдВ: рдирдП рдмреНрд▓реЙрдХ рдХреЛ рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рдЦреАрдВрдЪреЗрдВ рддреЛ рд╕рдВрдкрд╛рджрдХ рдХ...

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 3 рдирд╡рдореНрдмрд░ 2019

рдЕрдВрдХ #1034

рдореВрд▓ рддрддреНрд╡ рдХреЗ рдЕрдВрджрд░ рддрддреНрд╡ рдпрд╛ рдмреНрд▓реЙрдХ рдбрд╛рд▓реЗрдВ

рд╢реБрдн рджрд┐рди, рдореЗрд░реЗ рдкрд╛рд╕ рдШрдЯрдХ рд╣реИ, рдмреНрд▓реЙрдХ рд╣реИ рдореЗрд░реЗ рдкрд╛рд╕ рдкрд░рд┐рд╡рд░реНрддрди рд╕реБрдирдиреЗ рдкрд░ рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИ, рдореИрдВ рдЙрд╕ рдмреНрд▓реЙрдХ рдХреЗ рдЕрдВрджрд░ "h1" рдХреИрд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВ "'<div class="contai...

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

рдЕрдВрдХ #854

рдЯреЗрдмрд▓ рдмреНрд▓реЙрдХ

рдореБрдЭреЗ рдХреЛрдИ рдмреБрдирд┐рдпрд╛рджреА рдмреНрд▓реЙрдХ рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ рдХрд┐ рдЖрдк рдПрдХ рддрд╛рд▓рд┐рдХрд╛ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВред рдпрд╣рд╛рдВ рддрдХ рдХрд┐ рдЕрдЧрд░ рдореИрдВ рдмреНрд▓реЙрдХ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдкрд╛рда рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдирд╛ рдЕрд╕рдВрднрд╡ рд╣реИред рдм...

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

рдЕрдВрдХ #1220

рдХрдорд╛рдВрдб рдореЗрдВ рдЪрдпрдирд┐рдд рдмреНрд▓реЙрдХ рдореЗрдВ рддрддреНрд╡реЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХрд░реЗрдВ

рдореИрдВ рдмреНрд▓реЙрдХ рд╕рд╛рдордЧреНрд░реА рдореЗрдВ рддрддреНрд╡реЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХреИрд╕реЗ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ? рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП: рдореЗрд░рд╛ рдмреНрд▓реЙрдХ: рдореЗрд░рд╛ рдШрдЯрдХ: рдЖрджреЗрд╢:

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 17 рд╕рд┐рддрдореНрдмрд░ 2019

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

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

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

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

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

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

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

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

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

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

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

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

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

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