Grapesjs рдореЗрдВ рдмрд╛рд╣рд░реА рдкреНрд▓рдЧрдЗрди рдХреЗ рд╕рд╛рде рдХрд╕реНрдЯрдо рдмреНрд▓реЙрдХ
рдореИрдВ рдУрдкрди рдореЛрдбрд▓ рдФрд░ рдмрджрд▓рддреА рдЫрд╡рд┐ рдХреЗ рд▓рд┐рдП рдбрдмрд▓ рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдХреЛ рд╕рдВрднрд╛рд▓ рдирд╣реАрдВ рд╕рдХрддрд╛ (рдбрдмрд▓ рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдореЗрдВ рдХрд╛рдо рдХрд░ рд░рд╣реЗ ImageViewer рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдореЗрдВ) рдпрд╣ рдЗрд╕ рдмрд╛рдд рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ рдкреНрд▓рдЧрдЗрди DOM рдХреЗ рд╕рд╛рде рдХреНрдпрд╛ рдХрд░рддрд╛ рд╣реИред рдбрдмрд▓-рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдЖрдкрдХреЛ рдЫрд╡рд┐рдпреЛрдВ рд╕реЗ рдмрд╛рдВрдзрд╛ рдЬрд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рдХрд┐рд╕реА рддрд░рд╣ рд╕рдВрд╢реЛрдзрд┐рдд/рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рд╡рд╣ рдмрдВрдзрди рдЯреВрдЯ рд╕рдХ...
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рдореИрдВ grapesjs рдирдП рдХрд╕реНрдЯрдо рдмреНрд▓реЙрдХ рдореЗрдВ рдЫрд╡рд┐ рджрд░реНрд╢рдХ jquery рдкреНрд▓рдЧрдЗрди рдХреЛ рдПрдХреАрдХреГрдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдкрд╣рд▓реЗ jQuery рд▓реЛрдб рдХрд┐рдпрд╛ рд╣реИред ImageViewer рдкреНрд▓рдЧрдЗрди рдпреВрдЖрд░рдПрд▓ - https://www.jqueryscript.net/gallery/jQuery-Plugin-For-Product-Viewer-with-Image-Hover-Zoom-BZoom.html рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐, рдЬрдм рдореИрдВ рдШрдЯрдХ рдмрдирд╛рддрд╛ рд╣реВрдВ, рддреЛ рдкреНрд▓рдЧрдЗрди рдЬреБрдбрд╝рд╛ рд╣реБрдЖ рд╣реИ (рдореИрдВ init() рдлрд╝рдВрдХреНрд╢рди - рдХреИрдирд╡рд╛рд╕ - рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдкреНрд▓рдЧрдЗрди рдЬреЗрдПрд╕ рджреЗрддрд╛ рд╣реВрдВ), рд▓реЗрдХрд┐рдирдореИрдВ рдЦреБрд▓реЗ рдореЛрдбрд▓ рдФрд░ рдЫрд╡рд┐ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдбрдмрд▓ рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдХреЛ рд╕рдВрднрд╛рд▓ рдирд╣реАрдВ рд╕рдХрддрд╛ (рдбрдмрд▓ рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдореЗрдВ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рдЗрдореЗрдЬрд╡реНрдпреВрдЕрд░ рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдореЗрдВ)рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЬреЛ рдЙрдкрдпреЛрдЧ рдХреА рдЬрд╛рддреА рд╣реИ ImageViewer рдкреНрд▓рдЧрдЗрди (рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдлрд╝рдВрдХреНрд╢рди рдореЗрдВ) рдкреГрд╖реНрда рддрд╛рдЬрд╝рд╛ рдХрд░рдиреЗ рдХреЗ...
рдЬрд╡рд╛рдм (2)
рдореИрдВ рдУрдкрди рдореЛрдбрд▓ рдФрд░ рдмрджрд▓рддреА рдЫрд╡рд┐ рдХреЗ рд▓рд┐рдП рдбрдмрд▓ рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдХреЛ рд╕рдВрднрд╛рд▓ рдирд╣реАрдВ рд╕рдХрддрд╛ (рдбрдмрд▓ рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдореЗрдВ рдХрд╛рдо рдХрд░ рд░рд╣реЗ ImageViewer рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдореЗрдВ) рдпрд╣ рдЗрд╕ рдмрд╛рдд рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ рдкреНрд▓рдЧрдЗрди DOM рдХреЗ рд╕рд╛рде рдХреНрдпрд╛ рдХрд░рддрд╛ рд╣реИред рдбрдмрд▓-рдХреНрд▓рд┐рдХ рдИрд╡реЗрдВрдЯ рдЖрдкрдХреЛ рдЫрд╡рд┐рдпреЛрдВ рд╕реЗ рдмрд╛рдВрдзрд╛ рдЬрд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рдХрд┐рд╕реА рддрд░рд╣ рд╕рдВрд╢реЛрдзрд┐рдд/рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣...
рдпрд╣ рдереНрд░реЗрдб рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рд▓реЙрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдмрдВрдж рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдХреЛрдИ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реБрдИ рд╣реИ. рдХреГрдкрдпрд╛ рд╕рдВрдмрдВрдзрд┐рдд рдмрдЧ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓реЗрдВ.
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #862
рдХрд╕реНрдЯрдо рдмреНрд▓реЙрдХ рдореЗрдВ Jquery рдЗрдореЗрдЬ рд╡реНрдпреВрдЕрд░ рдкреНрд▓рдЧрдЗрди GrapesJs
рдореИрдВ grapesjs рдирдП рдХрд╕реНрдЯрдо рдмреНрд▓реЙрдХ рдореЗрдВ рдЗрдореЗрдЬ рд╡реНрдпреВрдЕрд░ jquery рдкреНрд▓рдЧрдЗрди рдХреЛ рдПрдХреАрдХреГрдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди jquery рдХреЛрдб рдирд╣реАрдВ рдкрд╣рдЪрд╛рдирддрд╛ рд╣реИред рдШрдЯрдХ рдореЗрдВ jquery рдХреЛрдб рдХреИрд╕...
рдЕрдВрдХ #792
рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкреНрд░реЙрдкрд░реНрдЯреА рдмреНрд▓реЙрдХ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИ
Components and JS рдбреЙрдХреНрд╕ рдореЗрдВ рдпрд╣ рдЙрджрд╛рд╣рд░рдг рд╣реИ: рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдореИрдВ script рдореЗрдВ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рдмрдЬрд╛рдп рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░...
рдЕрдВрдХ #1499
рдХреНрдпрд╛ рдмреНрд▓реЙрдХ рдХреА рд╕рд╛рдордЧреНрд░реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдбреЛрдо рд╣реЗрд░рдлреЗрд░ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ?
рд╕реБрдиреЛ! рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ рдЗрд╕ рддрд░рд╣ рдХреЗ рдПрдХ рдорд╣рд╛рди рдФрд░ рдмрд╣реБрдореБрдЦреА рдЙрдкрдХрд░рдг рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд-рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рджред рдХреНрдпрд╛ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рдореИрдВ рдмреНрд▓реЙрдХ рдХреА рд╕рд╛рдордЧреНрд░реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рдорд╛рдз...
рдЕрдВрдХ #1505
рдкрдВрдХреНрддрд┐ рдФрд░ рдЕрдиреБрднрд╛рдЧреЛрдВ рдХреЛ рдЬреЛрдбрд╝рдирд╛ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ
рдореИрдВ grapejs рдХреЛрдг6 рдХреЗ рд╕рд╛рде рдПрдХреАрдХреГрдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рд▓реЗрдХрд┐рди рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ рдЗрд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рдпрд╣ рдмреНрд▓реЙрдХ рдкрд░ рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ рдореИрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЛрдб рдХрд╛ рдЙрдк...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред
рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред