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

рдЕрдВрдХ #2124ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 9 рдЬреБрд▓рд╛рдИ 2019рджреНрд╡рд╛рд░рд╛ edward18930 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

HTML рдШрдЯрдХ рд╡реАрдбрд┐рдпреЛ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ

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

рд╕рдВрдкрд╛рджрдХ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдХреНрдпреЛрдВ, рд╡реАрдбрд┐рдпреЛ рдШрдЯрдХ рдореЗрдВ рдкреИрд░реЗрдВрдЯ рдЯреИрдЧ (рд╡реАрдбрд┐рдпреЛ) рдореЗрдВ рдПрдХ 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)

artfтАв 14 рдЬреБрд▓рд╛рдИ 2019

рд╕рдВрдкрд╛рджрдХ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдХреНрдпреЛрдВ, рд╡реАрдбрд┐рдпреЛ рдШрдЯрдХ рдореЗрдВ рдкреИрд░реЗрдВрдЯ рдЯреИрдЧ (рд╡реАрдбрд┐рдпреЛ) рдореЗрдВ рдПрдХ div рд╣реЛрддрд╛ рд╣реИ, рдЬрдмрдХрд┐ рдЬрдм рдореБрдЭреЗ html(editor.getHtml()) рдорд┐рд▓рддрд╛ рд╣реИ, рддреЛ div рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдПрдХ рдШрдЯрдХ рдХреЛ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рддрд░реАрдХреЗ рд╕реЗ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЗрд╕рдХрд╛ рджреГрд╢реНрдп (рдЬреЛ рдЖрдк рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рджреЗрдЦрддреЗ рд╣реИрдВ) рдЙрд╕рдХреЗ рдореЙрдбрд▓ рд╕реЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрд▓рдЧ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ (рдЬрдм рдЖрдк рдХреЛрдб рдирд┐рд░реНрдпрд╛...

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

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

рдЕрдВрдХ #1930

1 рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЗ рд╕рд╛рде 2 рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдмрджрд▓реЗрдВ

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЗрдирдкреБрдЯ рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИ, рдореИрдВ рдЪрдпрдирд┐рдд рдЗрдирдкреБрдЯ рддрддреНрд╡ рдкрд░ 2 рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ (рдирд╛рдо рдФрд░ рдкреНрд░рдХрд╛рд░) рдХреЛ рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдХреИрдирд╡рд╛рд╕ рдкрд░ рдЙрдкрдпреБрдХреНрдд рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдВрддрд┐рдо htm...

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 2 рдЕрдкреНрд░реИрд▓ 2020

рдЕрдВрдХ #1577

рдЗрдирд▓рд╛рдЗрди рд╕реАрдПрд╕рдПрд╕ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ рдХреЛрдб рдкреНрд░рдмрдВрдзрдХ рдХреЛ рддреЛрдбрд╝рддреА рд╣реИрдВ

рдЬрд╛рд╣рд┐рд░рд╛ рддреМрд░ рдкрд░ рдпрд╣ html рдФрд░ css рдХрд╛ рдорд╛рдиреНрдп рдЯреБрдХрдбрд╝рд╛ рд╣реИ: <div style="color: red; / height 200px; /; font-weight: bold;"> (рдЗрд╕рд▓рд┐рдП рдЯрд┐рдкреНрдкрдгреА рдХреА рдЧрдИ heigh...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 3 рдЕрдЧрд╕реНрдд 2023

рдЕрдВрдХ #2691

рдХреЛрдб рд╕рдВрдкрд╛рджрдХ рд╕реЗ рдХреЛрдб рд╕рд╣реЗрдЬрдиреЗ рдкрд░ рдШрдЯрдХ рдЬрд╛рдирдХрд╛рд░реА рдЦреЛрдирд╛

рдореИрдВрдиреЗ рд╡реЗрдм рдмрд┐рд▓реНрдбрд░ рдореЗрдВ рдХреЛрдб рдПрдбрд┐рдЯ рд╡рд┐рдХрд▓реНрдк рдХреЛ рдПрдХреАрдХреГрдд рдХрд┐рдпрд╛ рд╣реИред рд╡рд░реНрддрдорд╛рди HTML рд╕рд╛рдордЧреНрд░реА рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдФрд░ рдХреЛрдб рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рдкреЙрдкреНрдпреБрд▓реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП editor.ge...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 6 рдЕрдкреНрд░реИрд▓ 2020

рдЕрдВрдХ #563

рддрд╛рд▓рд┐рдХрд╛ <thead> рдФрд░ <tbody> рдЯреИрдЧ рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ

рдирдорд╕реНрдХрд╛рд░ GrapesJS (рд╢рд╛рдпрдж) рдХреЗ рд╕рд╛рде рдирдпрд╛ рдореБрджреНрджрд╛ рд╣реИред рдореИрдВрдиреЗ bm.add() рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдирдпрд╛ рдШрдЯрдХ рдмрдирд╛рдпрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдореИрдВрдиреЗ <thead> рдФрд░ <tbody> рдЯреИрдЧ рдХреЗ рд╕рд╛рде рдПрдХ рдд...

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

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

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

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

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

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

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

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

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

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

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

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