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

рдЕрдВрдХ #1531ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 19 рдЕрдХреНрдЯреВрдмрд░ 2018рджреНрд╡рд╛рд░рд╛ alfaalex810 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

рд╕реАрдПрд╕рдПрд╕ рд╡рд░реНрдЧ

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

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдореЗрд░реЗ рдкрд╛рд╕ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдпрд╣ рдХреЛрдб рд╣реИ GrapesJs рдЗрд╕ рд╡рд░реНрдЧ рдХреЛ CSS рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ рдпрд╣ рдирд┐рдпрдо рдЗрд╕ рд╡рд░реНрдЧ рдХреЗ рд╕рд╛рде рд╕рднреА рддрддреНрд╡реЛрдВ рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рд╡рд░реНрдЧ рд╣реИ рдЬрд┐рд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рд╣рдо рд╕рднреА рд╕рд╛рдЗрдЯ рдореЗрдВ рдХрд░рддреЗ рд╣реИрдВред

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

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

рдирдорд╕реНрддреЗ! рд╢рд╛рдпрдж рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдкреЛрд╕реНрдЯ рдХреА рдЧрдИ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рд╕рдордЭ рдирд╣реАрдВ рдкрд╛ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдореИрдВ рдХрд╣рд╛рдВ рдЧрд▓рдд рд╣реВрдВред рдореИрдВ рдЗрди рддреАрди рдорд╛рдкрджрдВрдбреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ init GrapesJs.

                protectedCss: '',
                avoidInlineStyle: true,
                forceClass: true,

рдореИрдВ GrapeJs рдЪрд╛рд╣реВрдВрдЧрд╛ рдХрд┐ рдкрд╣рд▓реЗ рд╕реЗ рдореМрдЬреВрдж рд╕реАрдПрд╕рдПрд╕ рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рди рдХрд░реЗрдВ, рдмрд▓реНрдХрд┐ рдХреЗрд╡рд▓ рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдмрдирд╛рддрд╛ рд╣реИред рдХреНрдпрд╛ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ?

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

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

alfaalex81тАв 22 рдЕрдХреНрдЯреВрдмрд░ 2018

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдореЗрд░реЗ рдкрд╛рд╕ рдХреИрдирд╡рд╛рд╕ рдкрд░ рдпрд╣ рдХреЛрдб рд╣реИ GrapesJs рдЗрд╕ рд╡рд░реНрдЧ рдХреЛ CSS рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ рдпрд╣ рдирд┐рдпрдо рдЗрд╕ рд╡рд░реНрдЧ рдХреЗ рд╕рд╛рде рд╕рднреА рддрддреНрд╡реЛрдВ рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рд╡рд░реНрдЧ рд╣реИ рдЬрд┐рд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рд╣рдо рд╕рднреА рд╕рд╛рдЗрдЯ рдореЗрдВ рдХрд░рддреЗ рд╣реИрдВред

artfтАв 29 рдЕрдХреНрдЯреВрдмрд░ 2018

@alfaalex81 рдореИрдВ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛, рдХреГрдкрдпрд╛ рдПрдХ рд▓рд╛рдЗрд╡ рдбреЗрдореЛ рдмрдирд╛рдПрдВ

alfaalex81тАв 30 рдЕрдХреНрдЯреВрдмрд░ 2018

https://jsfiddle.net/ugc1otnk/ рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рдЬрдм рдореИрдВ рдкрд╣рд▓реЗ рдХреЙрд▓рдо рдореЗрдВ рдкреГрд╖реНрдарднреВрдорд┐ рдХрд╛ рд░рдВрдЧ рдмрджрд▓рддрд╛ рд╣реВрдВ, рддреЛ GrapesJs рд╕реАрдПрд╕рдПрд╕ рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЛ рдмрд╛рд╣рд░реА рд╡рд░реНрдЧ "col-md-6" рдкрд░ рд╕реЗрдЯ рдХрд░рддрд╛ рд╣реВрдВ, рдЬреЛ рдХрд┐ рдПрдХ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреНрд▓рд╛рд╕ рдирд╛рдо рд╣реИред рдореИрдВ рдЦреБрдж Grapesjs рдХреНрд▓рд╛рд╕ рд╕реЗрдЯ рдХрд░рдирд╛ рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВрдВред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореБрдЭреЗ рдПрдХ рдмрдЧ рдорд┐рд▓ рдЧрдпрд╛ рд╣реИред рдкрд╣рд▓реЗ рдХреЙрд▓...

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

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

рдЕрдВрдХ #2073

UrlLoad рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рдкрд░реЗрд╢рд╛рдиреА

рдореБрдЭреЗ рдПрдХ рдЯреЗрдореНрдкрд▓реЗрдЯ рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рд╕рдорд╛рдкрди рдмрд┐рдВрджреБ рдкрд░ рдХреЙрд▓ рдХрд░рдиреЗ рдореЗрдВ рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИ, рдпрд╣ рдПрдХ рдкреВрд░реНрд╡ рдЙрдбрд╝рд╛рди рд╡рд┐рдХрд▓реНрдк рдЕрдиреБрд░реЛрдз рдХрд░ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдпрд╣ рдирд╣...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 25 рдЬреВрди 2020

рдЕрдВрдХ #1985

рджреВрд░рд╕реНрде рд╕рдВрдЧреНрд░рд╣рдг рдХреЗ рд╕рд╛рде рдСрдЯреЛрд╕реЗрд╡ рдиреЗрдЯрд╡рд░реНрдХ рдЕрдиреБрд░реЛрдз рдирд╣реАрдВ рднреЗрдЬрддрд╛ рд╣реИ

рдУрдПрд╕: рд╡рд┐рдВрдбреЛрдЬ 10 рдмреНрд░рд╛рдЙрдЬрд╝рд░: рдХреНрд░реЛрдо 73 GrapesJS рд╕рдВрд╕реНрдХрд░рдг: 0.14.57 рдореИрдВрдиреЗ рдЗрд╕ рдХреЙрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд░рд┐рдореЛрдЯ рд╕реНрдЯреЛрд░реЗрдЬ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд┐рдпрд╛ рд╣реИ grapesjs.init(): рдЬрдмрдХ...

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

рдЕрдВрдХ #1180

GrapeJS рдХреЗ рд╕рд╛рде рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХрд░реЗрдВ

рдирдорд╕реНрдХрд╛рд░, рдореИрдВрдиреЗ рдЦреЛрдЬ рдХреА рдФрд░ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдЕрдкрдиреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рдвреВрдВрдв рд╕рдХрд╛ред рд╡рд░реНрддрдорд╛рди рдореЗрдВ, рдореИрдВ рдЕрдкрдиреЗ рд░рд┐рдПрдХреНрдЯ рдРрдк рдХреЛ GrapeJS рдХреЗ рд╕рд╛рде рдПрдХреАрдХреГрдд рдХрд░рдиреЗ рдХрд╛...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 22 рдлрд╝рд░рд╡рд░реА 2020

рдЕрдВрдХ #1779

рд▓рдХреНрд╖рдг рдкреНрд░рдХрд╛рд░ рдЪреЗрдХрдмреЙрдХреНрд╕ рдШрдЯрдХ рдкреНрд░рдХрд╛рд░ рдХреЗ рдЖрд░рдВрднреАрдХрд░рдг рд╕реЗ рдЪреЗрдХ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред

рд╣рд╛рдп, рдЖрд░реНрдЯреБрд░ рдЬрдм рдореИрдВ domCom рдХреЗ init() рд╕реЗ рд▓рдХреНрд╖рдгреЛрдВ (рдкреНрд░рдХрд╛рд░: рдЪреЗрдХрдмреЙрдХреНрд╕) рдХреА рдЬрд╛рдВрдЪ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдорд╛рди рдХреЛ рд╕рд╣реА рдХреЗ рд░реВрдк рдореЗрдВ рд╕реЗрдЯ рдХрд░реЗрдВ рд▓реЗрдХрд┐рди рдЪ...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 9 рдлрд╝рд░рд╡рд░реА 2020

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

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

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

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

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

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

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

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

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

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

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

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

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

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