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

рдЕрдВрдХ #2207ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 20 рдЕрдЧрд╕реНрдд 2019рджреНрд╡рд╛рд░рд╛ niisar0 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

рдШрдЯрдХ рдХреЛ рдЦреАрдВрдЪ рдирд╣реАрдВ рд╕рдХрддрд╛ рдпрджрд┐ рдореЛрдб рдирд┐рд░рдкреЗрдХреНрд╖ рдХреЗ рд╕рд╛рде рдКрдкрд░/рдмрд╛рдПрдВ рдХреБрдЫ рд╕реНрдерд╛рди рд╣реИ

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

рдпрд╣ рдХреЗрд╡рд▓ рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рд╣реИ, рд╣реИ рдирд╛? рдореИрдиреБрдЕрд▓ рдбреНрд░реИрдЧрд┐рдВрдЧ рдареАрдХ рд╣реИред рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ, рдпрд╣ рдКрдкрд░ рд╕реЗ рддрддреНрд╡ рдХреА рд╕реНрдерд┐рддрд┐ рдХреЛ рд░реАрд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИ рдЬреИрд╕рд╛ рдХрд┐ рд▓рдЧрддрд╛ рд╣реИред

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

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

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЛрдб рдЙрджрд╛рд╣рд░рдг рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ ...

<div style="height: 100px;">
  Some Space on top or left
</div>
<div id="gjs">
  <p style="padding: 25px">
    Hesdllo World!!!</p>
</div>

`````` js
editor.getModel().set('dmode', 'absolute');

рдкреИрдирд▓ рдкрд░ рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рддрддреНрд╡реЛрдВ рдХреЛ рд╕рд╣реА рд╕реНрдерд┐рддрд┐ рдореЗрдВ рдЦреАрдВрдЪрдиреЗ рдФрд░ рдЫреЛрдбрд╝рдиреЗ рдХреА рдХреЛрдИ рдХреНрд╖рдорддрд╛ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИред

! [рдЫрд╡рд┐] (https://user-images.githubusercontent.com/6368685/63374396-57b5d580-c3a7-11e9-9628-9d2943857f76.png)

рдкреНрд░рджрд░реНрд╢рди рдХреЗ рд▓рд┐рдП рдлрд┐рдбрд▓ рджреЗрдЦреЗрдВ...

https://jsfiddle.net/niisar/zc51gtnv/

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

pouyamiralayiтАв 21 рдЕрдЧрд╕реНрдд 2019

рдпрд╣ рдХреЗрд╡рд▓ рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рд╣реИ, рд╣реИ рдирд╛? рдореИрдиреБрдЕрд▓ рдбреНрд░реИрдЧрд┐рдВрдЧ рдареАрдХ рд╣реИред рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ, рдпрд╣ рдКрдкрд░ рд╕реЗ рддрддреНрд╡ рдХреА рд╕реНрдерд┐рддрд┐ рдХреЛ рд░реАрд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИ рдЬреИрд╕рд╛ рдХрд┐ рд▓рдЧрддрд╛ рд╣реИред

niisarтАв 22 рдЕрдЧрд╕реНрдд 2019

рдпрд╣ рдХреЗрд╡рд▓ рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рд╣реИ, рд╣реИ рдирд╛? рдореИрдиреБрдЕрд▓ рдбреНрд░реИрдЧрд┐рдВрдЧ рдареАрдХ рд╣реИред рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ >, рдпрд╣ рдКрдкрд░ рд╕реЗ рддрддреНрд╡ рдХреА рд╕реНрдерд┐рддрд┐ рдХреЛ рд░реАрд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИ рдЬреИрд╕рд╛ рдХрд┐ рд▓рдЧрддрд╛ рд╣реИред

рд╣рд╛рдБ, рдпрд╣ рдХреЗрд╡рд▓ рдбреНрд░реИрдЧ рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рд╣реИред

artfтАв 25 рдЕрдЧрд╕реНрдд 2019

рд╣рд╛рдБ, рдпрд╣рд╛рдБ рд╕рдорд╕реНрдпрд╛ рд╕рдВрджрд░реНрдн рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдЕрд▓рдЧ-рдЕрд▓рдЧ Event рдСрдмреНрдЬреЗрдХреНрдЯ рд╣реИред рдЬрдм рдЖрдк рдШрдЯрдХ рдкрд░ рдбреНрд░реИрдЧ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдИрд╡реЗрдВрдЯ iframe рдХреЗ рд╕рдВрджрд░реНрдн рдореЗрдВ рд╣реЛрддрд╛ рд╣реИ (рдХреНрдпреЛрдВрдХрд┐ рдХреНрд▓рд┐рдХ рдХрд┐рдпрд╛ рдЧрдпрд╛ рддрддреНрд╡ iframe рдореЗрдВ рд╣реИ), рд▓реЗрдХрд┐рди рдШрдЯрдХ рдХреЗ рдмрдЯрди iframe рдХреЗ рдмрд╛рд╣рд░ рд╣реЛрддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рд╕рдВрджрд░реНрдн рдпрджрд┐ рдИрд╡реЗрдВрдЯ рдореВрд▓ window рд╣реИред

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

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

рдЕрдВрдХ #1577

рдЗрдирд▓рд╛рдЗрди рд╕реАрдПрд╕рдПрд╕ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ рдХреЛрдб рдкреНрд░рдмрдВрдзрдХ рдХреЛ рддреЛрдбрд╝рддреА рд╣реИрдВ

рдЬрд╛рд╣рд┐рд░рд╛ рддреМрд░ рдкрд░ рдпрд╣ html рдФрд░ css рдХрд╛ рдорд╛рдиреНрдп рдЯреБрдХрдбрд╝рд╛ рд╣реИ: <div style="color: red; / height 200px; /; font-weight: bold;"> (рдЗрд╕рд▓рд┐рдП рдЯрд┐рдкреНрдкрдгреА рдХреА рдЧрдИ heigh...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 3 рдЕрдЧрд╕реНрдд 2023

рдЕрдВрдХ #1936

рдирд┐рд░рдкреЗрдХреНрд╖/рдбрд┐рдЬрд╝рд╛рдЗрдирд░ рдореЛрдб

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

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

рдЕрдВрдХ #1526

рдлреБрд▓рд╕реНрдХреНрд░реАрди рдХрдорд╛рдВрдб рдХреИрд╕реЗ рдмрдирд╛рдПрдВ

рдирдорд╕реНрддреЗ, рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдореБрдЭреЗ рдкреНрд░рд▓реЗрдЦрди рдирд╣реАрдВ рдорд┐рд▓рд╛ рд╣реИ рдФрд░ рдЗрд╕реЗ рдХреЛрдб рд╕реЗ рд╕рдордЭрдиреЗ рдХрд╛ рдкреНрд░рдмрдВрдзрди рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛: рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдПрдХ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдХрдорд╛рдВрдб 'рдлреБрд▓рд╕реНрдХреНрд░реАрди'...

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

рдЕрдВрдХ #563

рддрд╛рд▓рд┐рдХрд╛ <thead> рдФрд░ <tbody> рдЯреИрдЧ рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ

рдирдорд╕реНрдХрд╛рд░ GrapesJS (рд╢рд╛рдпрдж) рдХреЗ рд╕рд╛рде рдирдпрд╛ рдореБрджреНрджрд╛ рд╣реИред рдореИрдВрдиреЗ bm.add() рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдирдпрд╛ рдШрдЯрдХ рдмрдирд╛рдпрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдореИрдВрдиреЗ <thead> рдФрд░ <tbody> рдЯреИрдЧ рдХреЗ рд╕рд╛рде рдПрдХ рдд...

3 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 18 рд╕рд┐рддрдореНрдмрд░ 2019

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

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

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

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

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

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

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

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

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

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

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

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

рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓

GrapesJS рдХреЗ рд▓рд┐рдП рд╕реБрдкрд░ рдЯреВрд▓рдЯрд┐рдк - рд╕рдВрд╕реНрдХрд░рдг 0.1.5 рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЧрдпрд╛ ЁЯОЙ

рд╣рдо рд╕реБрдкрд░ рдЯреВрд▓рдЯрд┐рдк рдХреЗ рд╡реА 0.1.5 рдЕрдкрдбреЗрдЯ рдХреА рдШреЛрд╖рдгрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрддреНрд╕рд╛рд╣рд┐рдд рд╣реИрдВ, рдЬреЛ GrapesJS рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░рд╛ рдлреНрд▓реЛрдЯрд┐рдВрдЧ-рдореЗрдиреВ рдФрд░ рдЯреВрд▓рдЯрд┐рдк рдкреНрд▓рдЧрдЗрди рд╣реИ

рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓

GrapesJS 2026 рдореЗрдВ: рдУрдкрди-рд╕реЛрд░реНрд╕ рд╡реЗрдм рдмрд┐рд▓реНрдбрд░ рдлреНрд░реЗрдорд╡рд░реНрдХ рдХреЗ рд▓рд┐рдП рдкреВрд░реА рдЧрд╛рдЗрдб

2026 рдореЗрдВ рдорд╛рд╕реНрдЯрд░ GrapesJS ред рдЖрд░реНрдХрд┐рдЯреЗрдХреНрдЪрд░, рдХреЛрдб рдЙрджрд╛рд╣рд░рдг, React рдПрдХреАрдХрд░рдг, рдкреНрд▓рдЧрдЗрди рд╡рд┐рдХрд╛рд╕, рд╕реНрдЯреВрдбрд┐рдпреЛ рдПрд╕рдбреАрдХреЗ, рдФрд░ рдпрд╣ рдЕрдиреНрдп рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдХреА рддреБрд▓рдирд╛ рдХреИрд╕реЗ рдХрд░рддрд╛ рд╣реИ

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

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