HTML рдШрдЯрдХ рд╡реАрдбрд┐рдпреЛ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ
рд╕рдВрдкрд╛рджрдХ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдХреНрдпреЛрдВ, рд╡реАрдбрд┐рдпреЛ рдШрдЯрдХ рдореЗрдВ рдкреИрд░реЗрдВрдЯ рдЯреИрдЧ (рд╡реАрдбрд┐рдпреЛ) рдореЗрдВ рдПрдХ div рд╣реЛрддрд╛ рд╣реИ, рдЬрдмрдХрд┐ рдЬрдм рдореБрдЭреЗ html(editor.getHtml()) рдорд┐рд▓рддрд╛ рд╣реИ, рддреЛ div рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдПрдХ рдШрдЯрдХ рдХреЛ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рддрд░реАрдХреЗ рд╕реЗ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЗрд╕рдХрд╛ рджреГрд╢реНрдп (рдЬреЛ рдЖрдк рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рджреЗрдЦрддреЗ рд╣реИрдВ) рдЙрд╕рдХреЗ рдореЙрдбрд▓ рд╕реЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрд▓рдЧ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ (рдЬрдм рдЖрдк рдХреЛрдб рдирд┐рд░реНрдпрд╛рдд рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдЖрдк рдХреНрдп...
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
-
рд╕рдВрдкрд╛рджрдХ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдХреНрдпреЛрдВ, рд╡реАрдбрд┐рдпреЛ рдШрдЯрдХ рдореЗрдВ рдореВрд▓ рдЯреИрдЧ (рд╡реАрдбрд┐рдпреЛ) рдореЗрдВ рдПрдХ div рд╣реЛрддрд╛ рд╣реИ, рдЬрдмрдХрд┐ рдЬрдм рдореБрдЭреЗ html(editor.getHtml()) рдорд┐рд▓рддрд╛ рд╣реИ, рддреЛ div рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ ! [Screenshot_2] (https://user-images.githubusercontent.com/48974803/60871456-fd304200-a25c-11e9-858c-cb159f08bd39.png)
-
рдХреНрдпрд╛ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ рдЕрдЧрд░ рдореИрдВ рдлрд┐рд░ рд╕реЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреЗ рд░реВрдк рдореЗрдВ 1 div рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ? (рд╕реНрдЯрд╛рдИ рд╕реАрдПрд╕рдПрд╕ рдХреЗ рд▓рд┐рдП)
<div>
<div data-gjs-type="video" >
<video ></video>
</div>
</div>
рдЬрд╡рд╛рдм (1)
рд╕рдВрдкрд╛рджрдХ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдХреНрдпреЛрдВ, рд╡реАрдбрд┐рдпреЛ рдШрдЯрдХ рдореЗрдВ рдкреИрд░реЗрдВрдЯ рдЯреИрдЧ (рд╡реАрдбрд┐рдпреЛ) рдореЗрдВ рдПрдХ div рд╣реЛрддрд╛ рд╣реИ, рдЬрдмрдХрд┐ рдЬрдм рдореБрдЭреЗ html(editor.getHtml()) рдорд┐рд▓рддрд╛ рд╣реИ, рддреЛ div рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдПрдХ рдШрдЯрдХ рдХреЛ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рддрд░реАрдХреЗ рд╕реЗ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЗрд╕рдХрд╛ рджреГрд╢реНрдп (рдЬреЛ рдЖрдк рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рджреЗрдЦрддреЗ рд╣реИрдВ) рдЙрд╕рдХреЗ рдореЙрдбрд▓ рд╕реЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрд▓рдЧ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ (рдЬрдм рдЖрдк рдХреЛрдб рдирд┐рд░реНрдпрд╛...
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #1930
1 рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЗ рд╕рд╛рде 2 рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдмрджрд▓реЗрдВ
рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЗрдирдкреБрдЯ рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИ, рдореИрдВ рдЪрдпрдирд┐рдд рдЗрдирдкреБрдЯ рддрддреНрд╡ рдкрд░ 2 рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ (рдирд╛рдо рдФрд░ рдкреНрд░рдХрд╛рд░) рдХреЛ рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдХреИрдирд╡рд╛рд╕ рдкрд░ рдЙрдкрдпреБрдХреНрдд рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдВрддрд┐рдо htm...
рдЕрдВрдХ #1577
рдЗрдирд▓рд╛рдЗрди рд╕реАрдПрд╕рдПрд╕ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ рдХреЛрдб рдкреНрд░рдмрдВрдзрдХ рдХреЛ рддреЛрдбрд╝рддреА рд╣реИрдВ
рдЬрд╛рд╣рд┐рд░рд╛ рддреМрд░ рдкрд░ рдпрд╣ html рдФрд░ css рдХрд╛ рдорд╛рдиреНрдп рдЯреБрдХрдбрд╝рд╛ рд╣реИ: <div style="color: red; / height 200px; /; font-weight: bold;"> (рдЗрд╕рд▓рд┐рдП рдЯрд┐рдкреНрдкрдгреА рдХреА рдЧрдИ heigh...
рдЕрдВрдХ #2691
рдХреЛрдб рд╕рдВрдкрд╛рджрдХ рд╕реЗ рдХреЛрдб рд╕рд╣реЗрдЬрдиреЗ рдкрд░ рдШрдЯрдХ рдЬрд╛рдирдХрд╛рд░реА рдЦреЛрдирд╛
рдореИрдВрдиреЗ рд╡реЗрдм рдмрд┐рд▓реНрдбрд░ рдореЗрдВ рдХреЛрдб рдПрдбрд┐рдЯ рд╡рд┐рдХрд▓реНрдк рдХреЛ рдПрдХреАрдХреГрдд рдХрд┐рдпрд╛ рд╣реИред рд╡рд░реНрддрдорд╛рди HTML рд╕рд╛рдордЧреНрд░реА рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдФрд░ рдХреЛрдб рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рдкреЙрдкреНрдпреБрд▓реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП editor.ge...
рдЕрдВрдХ #563
рддрд╛рд▓рд┐рдХрд╛ <thead> рдФрд░ <tbody> рдЯреИрдЧ рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ
рдирдорд╕реНрдХрд╛рд░ GrapesJS (рд╢рд╛рдпрдж) рдХреЗ рд╕рд╛рде рдирдпрд╛ рдореБрджреНрджрд╛ рд╣реИред рдореИрдВрдиреЗ bm.add() рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдирдпрд╛ рдШрдЯрдХ рдмрдирд╛рдпрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдореИрдВрдиреЗ <thead> рдФрд░ <tbody> рдЯреИрдЧ рдХреЗ рд╕рд╛рде рдПрдХ рдд...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред