рдбрд┐рд╡рд╛рдЗрд╕ рдореИрдиреЗрдЬрд░ рдореЛрдмрд╛рдЗрд▓ рд▓реИрдВрдбрд╕реНрдХреЗрдк рдХреИрд╕реЗ рдЬреЛрдбрд╝реЗрдВ?
DeviceManager API рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ рдЕрднреА рдХреЗ рд▓рд┐рдП, рдХреЗрд╡рд▓ рдПрдХ рд╣реА рд╕реНрдерд┐рддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ ( mainConfigObject.mediaCondition рд╡рд┐рдХрд▓реНрдк рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░рдиреЗ рдпреЛрдЧреНрдп, max-width рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реИ)
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рдирдорд╕реНрддреЗ
рдХреГрдкрдпрд╛ рд╕рдВрд░рдЪрдирд╛ рдЙрджрд╛рд╣рд░рдг рдХреЗ рд╕рд╛рде рдбрд┐рд╡рд╛рдЗрд╕ рдкреНрд░рдмрдВрдзрдХ рдореЛрдмрд╛рдЗрд▓ рд▓реИрдВрдбрд╕реНрдХреЗрдк рдЬреЛрдбрд╝рдиреЗ рдореЗрдВ рдореЗрд░реА рдорджрдж рдХрд░реЗрдВ:
@media рдХреЗрд╡рд▓ рд╕реНрдХреНрд░реАрди
рдФрд░ (рдиреНрдпреВрдирддрдо-рдбрд┐рд╡рд╛рдЗрд╕-рдЪреМрдбрд╝рд╛рдИ: 375px)
рдФрд░ (рдЕрдзрд┐рдХрддрдо-рдбрд┐рд╡рд╛рдЗрд╕-рдЪреМрдбрд╝рд╛рдИ: 667px)
рдФрд░ (-webkit-min-device-pixel-ratio: 2)
рдФрд░ (рдЕрднрд┐рд╡рд┐рдиреНрдпрд╛рд╕: рдкрд░рд┐рджреГрд╢реНрдп) {
} рд╡рд░реНрддрдорд╛рди рдореЗрдВ, рдореЗрд░реЗ рдкрд╛рд╕ рд╕рдВрд░рдЪрдирд╛ рдХреЗ рд╕рд╛рде рдбрд┐рд╡рд╛рдЗрд╕ рдкреНрд░рдмрдВрдзрдХ рд╣реИ: @media (рдЕрдзрд┐рдХрддрдо-рдЪреМрдбрд╝рд╛рдИ: 480px) {
}
рдзрдиреНрдпрд╡рд╛рдж
рдЬрд╡рд╛рдм (2)
DeviceManager API рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ
рдЕрднреА рдХреЗ рд▓рд┐рдП, рдХреЗрд╡рд▓ рдПрдХ рд╣реА рд╕реНрдерд┐рддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ ( mainConfigObject.mediaCondition рд╡рд┐рдХрд▓реНрдк рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░рдиреЗ рдпреЛрдЧреНрдп, max-width рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реИ)
@artf рдХреНрдпрд╛ рдХреЛрдИ рдХрд╛рд░рдг рд╣реИ рдХрд┐ grapesjs рдЕрднреА рднреА рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ? рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ EditorConfig рд╕реЗ mediaCondition рд╡рд┐рдХрд▓реНрдк рдХреЛ рд╣рдЯрд╛рдХрд░ рдФрд░ widthMedia рдХреНрд╖реЗрддреНрд░ рдореЗрдВ рдкреНрд░рддреНрдпреЗрдХ рдбрд┐рд╡рд╛рдЗрд╕ рдХреЗ рд▓рд┐рдП рдХрд┐рд╕реА рднреА рдореАрдбрд┐рдпрд╛ рдХреНрд╡реЗрд░реА рдХреЛ рдкрд╛рд░рд┐рдд рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдХрд░ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдЗрд╕ рд╕рдордп рдпрд╣ рд╕реБрд╡рд┐рдзрд╛ рдореЗрд░реЗ рд▓рд┐рдП рдорд╣рддреНрд╡рдкреВрд░реНрдг...
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #5583
рдкреГрд╖реНрдарднреВрдорд┐ рд╕реЗрдЯ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗ: рд╢реИрд▓рд┐рдпреЛрдВ рдкреИрдирд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдореЛрдмрд╛рдЗрд▓ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдХреЛрдИ рдирд╣реАрдВ
GrapesJS рд╕рдВрд╕реНрдХрд░рдг [X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рдХрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдПрдЬ рдЕрдВрддрд┐рдо рд╕рдВрд╕реНрдХрд░рдг...
рдЕрдВрдХ #1506
рд╕реАрдПрд╕рдПрд╕ рдореАрдбрд┐рдпрд╛ рдХреНрд╡реЗрд░реА рд╕рдорд╕реНрдпрд╛
рд╣реИрд▓реЛ @artf рдореАрдбрд┐рдпрд╛ рдХреНрд╡реЗрд░реА рдореЗрдВ рдбреЗрдореЛ рдкреЗрдЬ рдХреЗ рд╕рд╛рде-рд╕рд╛рде рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдкрд░ рднреА рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рд╣реИред рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдпрджрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдкрд╣рд▓реЗ рдореЛрдмрд╛рдЗрд▓ рджреГрд╢реНрдп рдкрд░ рд╢реИрд▓реА рдЕрдк...
рдЕрдВрдХ #6318
рдкрд╛рд░рджрд░реНрд╢реА рднрд░рдг рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рдмреНрд▓реЙрдХ рдореАрдбрд┐рдпрд╛ svg
GrapesJS рд╕рдВрд╕реНрдХрд░рдг[X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ [email protected] рдЬрдм рдпрд╣ рдореБрджреНрджрд╛ рджрд╛рдпрд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛рдЖрдк рдХрд┐рд╕ рдмреНрд░...
рдЕрдВрдХ #3515
Gjs-рдЪрдпрдирд┐рдд рд╢реИрд▓реА рд╣рд╛рд░реНрдбрдХреЛрдбреЗрдб рд╣реИ
рдпрд╣ рдкрд░рд┐рднрд╛рд╖рд╛: https://github.com/artf/grapesjs/рдмреНрд▓реЙрдм/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 рд╣рдореЗрд╢рд╛ рдлреН...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред