H1 рдЧреИрд░-рдмреЛрд▓реНрдб рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рдмрдирд╛рдирд╛ рд╕рдВрднрд╡ рдирд╣реАрдВ рд╣реИ
рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рддрд░реНрдХ рдХреЗ рджреЛрд╖ рдХреА рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИред <Hn> рддрддреНрд╡ рдмреЛрд▓реНрдб рдирд╣реАрдВ рд╣реИрдВ, рдмрд▓реНрдХрд┐ рд╢реАрд░реНрд╖рдХ рд╣реИрдВред рдЬреИрд╕рд╛ рдХрд┐ рдЖрдкрдиреЗ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рд╣реИ, рдпрд╣рд╛рдВ рддрдХ рдХрд┐ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рд╕рдВрдкрд╛рджрдХ рдкрд░ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореВрд▓ execCommand рдХреЛ рднреА рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рдХрд░рдирд╛ рд╣реИред @fedulovivan, рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рд╕реНрдерд┐рддрд┐ рдХреЗ рд▓рд┐рдП рд╕рдВрднрд╛рд╡рд┐рдд HTML рдорд╛рд░реНрдХрдЕрдк рдХрд╛ рд╕реБрдЭрд╛рд╡ рд╣реИ?
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рдЪрд░рдг: https://grapesjs.com/demo-newsletter-editor.html рдкрд░ рдиреНрдпреВрдЬрд╝рд▓реЗрдЯрд░ рдбреЗрдореЛ рдЦреЛрд▓реЗрдВрдХреИрдирд╡рд╛рд╕ рдХреЛ рд╕рд╛рдл рдХрд░реЗрдВ"рдкрд╛рда рдЕрдиреБрднрд╛рдЧ" рдЫреЛрдбрд╝реЗрдВ H1 рдХреЗ рднреАрддрд░ рдХрд┐рд╕реА рднреА рд╢рдмреНрдж рдХрд╛ рдЪрдпрди рдХрд░реЗрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рд╢рдмреНрдж "рд╢реАрд░реНрд╖рдХ" рдмреЛрд▓реНрдб рд╕рдВрд╢реЛрдзрдХ рдХреЛ рдПрдХ рдпрд╛ рджреЛ рдмрд╛рд░ рджрдмрд╛рдПрдВ рдЕрдкреЗрдХреНрд╖рд┐рдд: рдЪрдпрдирд┐рдд рдкрд╛рда рдЧреИрд░-рдмреЛрд▓реНрдб рд╣реЛ рдЧрдпрд╛ рд╡рд╛рд╕реНтАНрддрд╡рд┐рдХ: рдкрд╛рда рдмреЛрд▓реНрдб рд░рд╣рддрд╛ рд╣реИ рдКрдкрд░ рджрд┐рдП рдЧрдП рдЪрд░рдг рд╕реАрдХреЗрдИ рд╕рдВрдкрд╛рджрдХ рдХреЗ рд▓рд┐рдП рд╣реИрдВ, рдЬреЛ рдЕрдм рдиреНрдпреВрдЬрд╝рд▓реЗрдЯрд░ рдбреЗрдореЛ рдкрд░ рд╕рдХреНрд╖рдо рд╣реИред рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рд╕рдВрдкрд╛рджрдХ рд╡реНрдпрд╡рд╣рд╛рд░ рдХреЗ рд▓рд┐рдП рдереЛрдбрд╝рд╛ рдЕрд▓рдЧ рд╣реИ: рдЪрдпрдирд┐рдд рд╢рдмреНрдж рд╕рдВрдкрд╛рджрди рд╕рдХреНрд░рд┐рдп рд╣реЛрдиреЗ рдХреЗ рджреМрд░рд╛рди рдЕрдкрдиреА рд╢реИрд▓реА рдХреЛ рдЧреИрд░-рдмреЛрд▓реНрдб рдореЗрдВ рдмрджрд▓ рд░рд╣рд╛ рд╣реИред рдЬреЗрдирд░реЗрдЯ рдХрд┐рдП рдЧрдП html рдореЗрдВ рд╕рд╣реА рд╢реИрд▓рд┐рдпрд╛рдБ рднреА рд╣реЛрддреА рд╣реИрдВред рд▓реЗрдХрд┐рди рдХреИрдирд╡рд╛рд╕ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдмреЛрд▓реНрдб рдХреЗ рд░реВрдк рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдХрд░рддрд╛ рд╣реИ, рдПрдХ рдмрд╛рд░ H1...
рдЬрд╡рд╛рдм (3)
рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рддрд░реНрдХ рдХреЗ рджреЛрд╖ рдХреА рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИред <Hn> рддрддреНрд╡ рдмреЛрд▓реНрдб рдирд╣реАрдВ рд╣реИрдВ, рдмрд▓реНрдХрд┐ рд╢реАрд░реНрд╖рдХ рд╣реИрдВред рдЬреИрд╕рд╛ рдХрд┐ рдЖрдкрдиреЗ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рд╣реИ, рдпрд╣рд╛рдВ рддрдХ рдХрд┐ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рд╕рдВрдкрд╛рджрдХ рдкрд░ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореВрд▓ execCommand рдХреЛ рднреА рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рдХрд░рдирд╛ рд╣реИред @fedulovivan, рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рд╕реНрдерд┐рддрд┐ рдХреЗ рд▓рд┐рдП рд╕рдВрднрд╛рд╡рд┐рдд HTML рдорд╛рд░реНрдХрдЕрдк рдХрд╛ рд╕реБрдЭрд╛рд╡ рд╣реИ?
рдирдорд╕реНрддреЗ, @robsonsobral рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд RTE рджреНрд╡рд╛рд░рд╛ рдЙрддреНрдкрдиреНрди html рд╕рд╣реА рд╣реИ: рдореВрд▓: <h1>Insert title here</h1> рд╢рдмреНрдж "рд╢реАрд░реНрд╖рдХ" рдХреЛ рдЧреИрд░-рдмреЛрд▓реНрдб рдмрдирд╛рдиреЗ рдХреЗ рдмрд╛рдж: <h1>Insert <span style="font-weight: normal">title</span> here</h1> рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдпрд╣ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдареАрдХ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдкреВрд░рд╛ рдкрд╛рда рдмреЛрд▓реНрдб рд░рд╣рддрд╛ рд╣реИред
рдореИрдВ рдЗрд╕рдореЗрдВ рдереЛрдбрд╝рд╛ рдЦреБрджрд╛рдИ рдХрд░рддрд╛ рд╣реВрдВред рдзреБрдВрдзрд▓реА рдШрдЯрдирд╛ рдХреЗ рдмрд╛рдж, рдорд╛рд░реНрдХрдЕрдк <span style="font-weight: normal">title</span> рд╕реЗ <span data-gjs-type="default"><span data-gjs-type="text">title </span></span> рдореЗрдВ рдмрджрд▓ рдЬрд╛рддрд╛ рд╣реИред рдЕрдЧрд░ рдореИрдВ рджреЛрдмрд╛рд░рд╛ рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдпрд╣ <span data-gjs-type="default"><span data-gjs-type="defaul...
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #1936
рдирд┐рд░рдкреЗрдХреНрд╖/рдбрд┐рдЬрд╝рд╛рдЗрдирд░ рдореЛрдб
рд╣рд╛рдп рджреЛрд╕реНрддреЛрдВ, рдпрд╣ рдореБрджреНрджрд╛ рдЗрд╕ рдмрд╛рдд рдХрд╛ рдЕрд╡рд▓реЛрдХрди рд╣реИ рдХрд┐ рдпрд╣ рдХреНрдпрд╛ рд╣реИ, рдХреНрдпрд╛ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдХреНрдпрд╛ рдХрд░рдирд╛ рд╣реИ рдФрд░ рдбрд┐рдЬрд╝рд╛рдЗрдирд░ рдореЛрдб рд╕реБрд╡рд┐рдзрд╛ рдХреЛ рдкреВрд░рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдЪреНрдЫрд╛...
рдЕрдВрдХ #2722
рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдФрд░ рдЯреВрд▓рдмрд╛рд░ рдмрд╛рд╣рд░реА рд╕реНрдХреНрд░реЙрд▓ рдкрд░ рдЧрд▓рдд рд╕реНрдерд┐рддрд┐ рдореЗрдВ рд╣реИ
рдХреНрдпрд╛ рдЖрдк рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ (рдкреБрд░рд╛рдиреЗ рд╕рдВрд╕реНрдХрд░рдг рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИрдВ)? рд╣рд╛рдБ рдХреНрдпрд╛ рдЖрдк GrapesJS рдХреА рдЕрдкрдиреА рд╕реНрдерд╛рдиреАрдп рдкреНрд░рддрд┐ рдпрд╛ рд╡рд░реНрддрдорд╛рди рдбреЗрдореЛ рдХреЗ...
рдЕрдВрдХ #1577
рдЗрдирд▓рд╛рдЗрди рд╕реАрдПрд╕рдПрд╕ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ рдХреЛрдб рдкреНрд░рдмрдВрдзрдХ рдХреЛ рддреЛрдбрд╝рддреА рд╣реИрдВ
рдЬрд╛рд╣рд┐рд░рд╛ рддреМрд░ рдкрд░ рдпрд╣ html рдФрд░ css рдХрд╛ рдорд╛рдиреНрдп рдЯреБрдХрдбрд╝рд╛ рд╣реИ: <div style="color: red; / height 200px; /; font-weight: bold;"> (рдЗрд╕рд▓рд┐рдП рдЯрд┐рдкреНрдкрдгреА рдХреА рдЧрдИ heigh...
рдЕрдВрдХ #2828
рд▓рд┐рдВрдХ рдФрд░ CKEditor рдХреЗ рд╕рд╛рде рд╕рдорд╕реНрдпрд╛
рд▓рд┐рдВрдХ рдФрд░ CKEditor рдХреЗ рд╕рд╛рде рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИред рдореИрдВрдиреЗ <a> рдЯреИрдЧ рдХреЗ рд▓рд┐рдП рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп рд╕рдВрдкрддреНрддрд┐ рд╕рдХреНрд╖рдо рдХреА: рдФрд░ рдЬрдм рдореИрдВ рд▓рд┐рдВрдХ рдкрд░ рдбрдмрд▓рдХреНрд▓рд┐рдХ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдпрд╣ рд╕рдВрдкрд╛рджрди...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред