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

рдЕрдВрдХ #2392ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 8 рдирд╡рдореНрдмрд░ 2019рджреНрд╡рд╛рд░рд╛ asieraduriz2 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

рдХрд┐рд╕реА рдЕрдиреНрдп рдЯреИрдЧ рдореЗрдВ <div id="gjs"> рдиреЗрд╕реНрдЯ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде

рддреНрд╡рд░рд┐рдд рдЙрддреНрддрд░рджреНрд╡рд╛рд░рд╛ asieradurizтЭд 1

рдореИрдВрдиреЗ рдЬреЛ рдХрд┐рдпрд╛ рд╣реИ рд╡рд╣ рд╕рд┐рд░реНрдл рдЗрд╕ рд░реЗрдкреЛ рдХреЛ рдХреНрд▓реЛрди рдХрд░рдирд╛ рд╣реИ, рдФрд░ <div id="gjs" style="height:0px; overflow:hidden;"> рдХреЛ рджреВрд╕рд░реЗ <div> рдХреЗ рднреАрддрд░ рдШреЛрдВрд╕рд▓рд╛ рдмрдирд╛рдирд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдРрд╕рд╛ рд╣реЛрдЧрд╛ рдЬрдм рдореИрдВ npm start рдЪрд▓рд╛рддрд╛ рд╣реВрдВ, рддреЛ рдореБрдЭреЗ рдПрдХ рдЦрд╛рд▓реА рдкреГрд╖реНрда рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ

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

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

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ index.html рд╕рдВрд░рдЪрдирд╛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП: рдореИрдВ рдЗрд╕ div рдХреЛ рдХрд┐рд╕реА рдЕрдиреНрдп div рдХреЗ рднреАрддрд░ рдШреЛрдВрд╕рд▓рд╛ рдмрдирд╛рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реВрдВ: рдЪреВрдВрдХрд┐ рдореЗрд░реА рдХрд╕реНрдЯрдо рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рд▓рд┐рдП рдкрд╣рд▓реЗ div рдФрд░ main рдХреА рдЙрдкрд╕реНрдерд┐рддрд┐ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ, рдФрд░ рдореИрдВрдиреЗ grapesjs.init рдХреЗ рд▓рд┐рдП container рд╕рдВрдкрддреНрддрд┐ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдкреВрдЫ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ

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

asieradurizтАв 11 рдирд╡рдореНрдмрд░ 2019

рдореИрдВрдиреЗ рдЬреЛ рдХрд┐рдпрд╛ рд╣реИ рд╡рд╣ рд╕рд┐рд░реНрдл рдЗрд╕ рд░реЗрдкреЛ рдХреЛ рдХреНрд▓реЛрди рдХрд░рдирд╛ рд╣реИ, рдФрд░ <div id="gjs" style="height:0px; overflow:hidden;"> рдХреЛ рджреВрд╕рд░реЗ <div> рдХреЗ рднреАрддрд░ рдШреЛрдВрд╕рд▓рд╛ рдмрдирд╛рдирд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдРрд╕рд╛ рд╣реЛрдЧрд╛ рдЬрдм рдореИрдВ npm start рдЪрд▓рд╛рддрд╛ рд╣реВрдВ, рддреЛ рдореБрдЭреЗ рдПрдХ рдЦрд╛рд▓реА рдкреГрд╖реНрда рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ

pouyamiralayiтАв 11 рдирд╡рдореНрдмрд░ 2019

рдЖрдкрдиреЗ рдЗрд╕реЗ рдЕрдкрдиреЗ HTML рдореЗрдВ @fasaas рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд┐рдпрд╛ рд╣реИ?

<style>
        body,
        html {
            height: 100%;
            margin: 0;
        }
</style>

BTW, рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ рдХрд┐ рдЖрдкрдХреЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ div рдХреЗ рдкрд╛рд╕ 'height:100%' рд╣реИ рдЪреАрдпрд░реНрд╕!

asieradurizтАв 8 рдирд╡рдореНрдмрд░ 2019

рдпрджрд┐ рдпрд╣ рд╕рдВрднрд╡ рдирд╣реАрдВ рд╣реИ, рддреЛ рдХреНрдпрд╛ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдЗрдВрдЧрд┐рдд рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ рдХрд┐ рдЬрдм рдореИрдВ рдмреНрд▓реЙрдХрдореИрдиреЗрдЬрд░ рдореЗрдВ рдПрдХ рдирдпрд╛ рдмреНрд▓реЙрдХ рдЬреЛрдбрд╝рддрд╛ рд╣реВрдВ, рддреЛ рдХрдВрдЯреЗрдирд░ рдПрдХ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдХрдВрдЯреЗрдирд░ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдЬрд┐рд╕реЗ рдореИрдВ рдкрд╣рд▓реЗ index.html рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдФрд░ рдореВрд▓ div рдХреЛ рд╢реАрд░реНрд╖ рд╕реНрддрд░ рдкрд░ рдЫреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВ? рдЙрджрд╛рд╣рд░рдгрд╕реНтАНрд╡рд░реВрдкред рдХрд┐рд╕реА рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЯреИрдЧ рдореЗрдВ рдирдпрд╛ рдмреНрд▓реЙрдХ...

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

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

рдЕрдВрдХ #2365

рдкреВрд░реНрд╡рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдЯреЗрдореНрдкрд▓реЗрдЯ рд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде.

рдЬрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЗрд╕ рддрд░рд╣ grapesJs рд╕реЗ рдХреБрдЫ рдЦреЛрд▓рддреЗ рд╣реИрдВ рддреЛ рдореИрдВ рдПрдХ рдкреВрд░реНрд╡рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдЯреЗрдореНрдкрд▓реЗрдЯ рджрд┐рдЦрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ: рд╕реНрдЯреЛрд░реЗрдЬ рдореИрдиреЗрдЬрд░ред ! [рдЫрд╡рд┐] (https://user-im...

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 2 рдирд╡рдореНрдмрд░ 2019

рдЕрдВрдХ #4083

рд╕реЗрдЯ рд░реВрдЯ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ

GrapesJS рд╕рдВрд╕реНрдХрд░рдг[X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рдХрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рд╕рдлрд╛рд░реА 15.0рдкреНрд░рддрд┐рд▓рд┐рдк...

4 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 19 рдордИ 2022

рдЕрдВрдХ #3152

рдиреАрд▓реА рд░реВрдкрд░реЗрдЦрд╛ (GJS-рд╣реЛрд╡рд░) рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдХреЗ рджреМрд░рд╛рди рдЕрдкрдиреЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХрд╛ рдЕрдиреБрд╕рд░рдг рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ

рд╕рдВрд╕реНрдХрд░рдг: 16.27 рдХреНрдпрд╛ рдЖрдк рдбреЗрдореЛ рд╕реЗ рдмрдЧ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реИрдВ? [рдПрдХреНрд╕ ] рд╣рд╛рдБ [ ] рдирд╣реАрдВ рдмрдЧ рдХрд╛ рд╡рд░реНрдгрди рдХрд░реЗрдВ: рдореБрдЭреЗ gjs-hovered рдХреЗ рд╕рд╛рде рдПрдХ рд╕рдорд╕реНрдпрд╛...

4 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 2 рдЕрдЧрд╕реНрдд 2021

рдЕрдВрдХ #3244

Grapes js рд╕рдВрд╕реНрдХрд░рдг v0.16.34 рд╕рд╣реЗрдЬреЗ рдЧрдП HTML рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдЕрдкреНрд░рддреНрдпрд╛рд╢рд┐рдд рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛрдб рджреЗ рд░рд╣рд╛ рд╣реИ

рдХреЛрдб рд╕рдВрд▓рдЧреНрди рдХрд░рдирд╛: HTML рдХреЛ рд╕рд╣реЗрдЬрддреЗ рд╕рдордп: <div class="gjs-row"> <div class="gjs-cell"> <div class="gjs-row"> <div class="gjs-cell"> <div id="i6x...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 28 рдЬрдирд╡рд░реА 2021

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

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

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

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

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

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

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

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

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

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

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