рд▓рд┐рдВрдХ рддрддреНрд╡ рдХреЙрдкреА рдХрд░рдиреЗ рдпреЛрдЧреНрдп/рд╣рдЯрд╛рдиреЗ рдпреЛрдЧреНрдп рдирд╣реАрдВ рд╣реИрдВ
рдХреНрдпрд╛ рдХреЛрдИ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реИ?
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рд╕рдВрдкрд╛рджрдХ рдореЗрдВ, рдпрджрд┐ рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдХреБрдЫ рд╡рд░реНрдЧреЛрдВ рдХреЗ рд╕рд╛рде рд▓рд┐рдВрдХ рддрддреНрд╡ рд╣реИ, рддреЛ рд╕рдВрдкрд╛рджрдХ рддрддреНрд╡ рдХреЛ рдХреЙрдкреА/рд╣рдЯрд╛рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рдирд╣реАрдВ рджреЗрддрд╛ рд╣реИред
GrapesJS рд╕рдВрд╕реНрдХрд░рдг: v0.14.50
рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рдЪрд░рдг:
- рдУрдкрди https://grapesjs.com/demo.html
- рд╕рд░рд▓ рд▓рд┐рдВрдХ рдЯреИрдЧ рдХрд╛ рдкрд╛рд▓рди рдХрд░рддреЗ рд╣реБрдП рдЖрдпрд╛рдд рдХрд░реЗрдВ
<a href="#" class="btn btn-lg d-block d-lg-inline-block">Get Started</a>
- рдЗрд╕реЗ рд╕реЗрд▓реЗрдХреНрдЯ рдХрд░реЗрдВ рдФрд░ рдЯреВрд▓рдмрд╛рд░ рд╕реЗ рдХреЙрдкреА рдЖрдЗрдХрди рдпрд╛ рдбрд┐рд▓реАрдЯ рдЖрдЗрдХрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ
@artf рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рдЗрд╕ рдкрд░ рд╕реБрдЭрд╛рд╡ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ? рд╣рдо рдПрдХ рд▓рд╛рдЗрд╡ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдЪрд▓рд╛ рд░рд╣реЗ рд╣реИрдВ рдФрд░ рд▓рд┐рдВрдХ рдХреЛ рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп рдмрдирд╛рдирд╛ рдереЛрдбрд╝рд╛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИред
рдЬрд╡рд╛рдм (3)
рдХреНрдпрд╛ рдХреЛрдИ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реИ?
рдЕрднреА рдХреЗ рд▓рд┐рдП, рдЗрд╕ рд╡рд┐рдХрд▓реНрдк рдХреЗ рд╕рд╛рде рд╕рдВрдкрд╛рджрдХ рдХреЛ рд╢реБрд░реВ рдХрд░реЗрдВ:
grapesjs.init({
...
canvas: {
...
notTextable: ['button', 'a', 'input[type=checkbox]', 'input[type=radio]'],
}
})
рдЕрдЧрд▓реА рд░рд┐рд▓реАрдЬ рдореЗрдВ рдореИрдВ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдорд╛рди рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░реВрдВрдЧрд╛
рдпрд╣ рдЕрдм рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИред рдзрдиреНрдпрд╡рд╛рдж @artf
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #677
рдПрд╕реНрдХреЗрдк рдПрдЪрдЯреАрдПрдордПрд▓
рдирдорд╕реНрдХрд╛рд░! рдореИрдВрдиреЗ рдПрдЪрдЯреАрдПрдордПрд▓ рд╕реЗ рдмрдЪрдиреЗ рдореЗрдВ рдХрдИ рджреЛрд╖ рджреЗрдЦреЗ grapesjs рдЗрд╕рдореЗрдВ рд╕реЗ рдХреБрдЫ рдХреЛ рдЗрд╕ рдкреБрд▓ рдЕрдиреБрд░реЛрдз https://github.com/artf/grapesjs/pull/676 рджреНрд╡рд╛рд░рд╛ рдареАрдХ...
рдЕрдВрдХ #1812
404 рдкреГрд╖реНрдарднреВрдорд┐ рдЫрд╡рд┐ рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддреЗ рд╕рдордп (рдбреЗрдореЛ рдореЗрдВ рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдпреЛрдЧреНрдп)
Chrome Incognito рдореЗрдВ https://grapesjs.com/demo.html рдкрд░ рдЬрд╛рдПрдВ"рд╣реЗрдбрд░" рддрддреНрд╡ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВрдкреГрд╖реНрдарднреВрдорд┐ > рд╕рдЬрд╛рд╡рдЯ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВрдкрд░рдд 2 рд╣рдЯрд╛рдПрдВрдкрд░рдд 1 рдкрд░ рдХреНрд▓рд┐...
рдЕрдВрдХ #1513
рдореАрдбрд┐рдпрд╛ рдкреНрд░рд╢реНрдиреЛрдВ рдХреЗ рддрд╣рдд рд▓рд┐рдЦреЗ рдЧрдП рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рд╕реАрдПрд╕рдПрд╕
рдЕрд░реЗ @artf рдкрд░рд┐рдпреЛрдЬрдирд╛ рдкрд░ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рдХрд╛рдо! рдореИрдВрдиреЗ рдХреБрдЫ рджреЗрдЦрд╛ рдФрд░ рдореИрдВ рдЗрд╕реЗ рдЕрдкрдиреА рд╕реНрдерд╛рдиреАрдп рдорд╢реАрди рдкрд░ рднреА рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реВрдВред media queries рдХреЗ рддрд╣рдд рд▓...
рдЕрдВрдХ #821
Href рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреИрд╕реЗ рд╕реЗрдЯ рдХрд░реЗрдВ
рд╣рд╛рдп @artf, рдХреГрдкрдпрд╛ рд╣рдореЗрдВ рдмрддрд╛рдПрдВ рдХрд┐ рдЬрдм рдПрд▓рд┐рдореЗрдВрдЯ рдХреЛ рдбреНрд░реИрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рд╣рдо div рдХреЗ рдЕрдВрджрд░ рдПрдВрдХрд░ рдХреА href рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЛ рдХреИрд╕реЗ рд╕реЗрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛рдиреА <div cl...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред
рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред