рдмреНрд▓реЙрдХ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рдХрдорд╛рдВрдб рдХреИрд╕реЗ рдЪрд▓рд╛рдПрдВ?
рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдк рд╕рдВрдкрд╛рджрдХ рдХреЗ рдбреНрд░реИрдЧ рдЗрд╡реЗрдВрдЯ рдХреЛ рд╕реБрди рд╕рдХрддреЗ рд╣реИрдВ:
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
editor.BlockManager.add('test', {
label: 'test',
category: 'Basic',
command: () => {
editor.runCommand('open-assets')
}
});
рдореИрдВ рдРрд╕рд╛ рдХреБрдЫ рдХрд░рдирд╛ рдЪрд╛рд╣реБрдВрдЧрд╛ред рдЗрд╕рд▓рд┐рдП рдПрдХ рдмрд╛рд░ рдЬрдм рдХреЛрдИ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдкрд░реАрдХреНрд╖рдг рдШрдЯрдХ рдХреЛ рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ, рддреЛ рдореИрдВ рдПрд╕реЗрдЯ рдореИрдиреЗрдЬрд░ рдореЛрдбрд▓ рдЦреЛрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬрд╣рд╛рдВ рдЖрдк 'рдУрдкрди-рдПрд╕реЗрдЯреНрд╕' рдХрдорд╛рдВрдб рдЪрд▓рд╛рдХрд░ рдПрдХ рдЫрд╡рд┐ рдЕрдкрд▓реЛрдб рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
рдмрд╣реБрдд-рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж рдЖрд░реНрддреБрд░
рдЬрд╡рд╛рдм (3)
рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдк рд╕рдВрдкрд╛рджрдХ рдХреЗ рдбреНрд░реИрдЧ рдЗрд╡реЗрдВрдЯ рдХреЛ рд╕реБрди рд╕рдХрддреЗ рд╣реИрдВ:
editor.on('block:drag:stop', component => {
// identify your component and do something cool :)
});
@NicoEngler рдЙрддреНрддрд░ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж! рд╣рд╛рд▓рд╛рдВрдХрд┐, рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЫрд╡рд┐ рдореЛрдбрд▓ рд╕реЗ рд▓рд┐рдВрдХ-рдмреНрд▓реЙрдХ рдШрдЯрдХ рдореЗрдВ рдПрдХ рдЫрд╡рд┐ рдХреИрд╕реЗ рд╕рдореНрдорд┐рд▓рд┐рдд рдХрд░реЗрдВ рдЕрдЧрд░ рдореИрдВ рдРрд╕рд╛ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдореЛрдбрд▓ рд╕реЗ рдПрдХ рдЫрд╡рд┐ рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рднреА рдХреБрдЫ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ @artf рдХреНрдпрд╛ рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ? рд╕рд╛рде рд╣реА, рдЫрд╡рд┐ рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкрд░рд┐рд╕рдВрдкрддреНрддрд┐ рдкреНрд░рдмрдВрдзрдХ рдЦреЛрд▓рдиреЗ рд╕реЗ...
рдореБрдЭреЗ рдбрд░ рд╣реИ рдХрд┐ рдореИрдВ рдХреЛрдб рдХреЗ рд╕рд╛рде рдЦреЗрд▓реЗ рдмрд┐рдирд╛ рдЖрдЧреЗ рд╕рд╣рд╛рдпрддрд╛ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореИрдВ рдбрд┐рдмрдЧрд┐рдВрдЧ рдореЗрдВ рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдпрджрд┐ рдЖрдк рдХреЛрдбрдкреЗрди рдпрд╛ рдЗрд╕реА рддрд░рд╣ рдХреЗ рдПрдХ рдЙрджрд╛рд╣рд░рдг рдХреЛ рд╢реВрдЯ рдХрд░рддреЗ рд╣реИрдВред
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #1505
рдкрдВрдХреНрддрд┐ рдФрд░ рдЕрдиреБрднрд╛рдЧреЛрдВ рдХреЛ рдЬреЛрдбрд╝рдирд╛ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ
рдореИрдВ grapejs рдХреЛрдг6 рдХреЗ рд╕рд╛рде рдПрдХреАрдХреГрдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рд▓реЗрдХрд┐рди рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ рдЗрд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рдпрд╣ рдмреНрд▓реЙрдХ рдкрд░ рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ рдореИрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЛрдб рдХрд╛ рдЙрдк...
рдЕрдВрдХ #1034
рдореВрд▓ рддрддреНрд╡ рдХреЗ рдЕрдВрджрд░ рддрддреНрд╡ рдпрд╛ рдмреНрд▓реЙрдХ рдбрд╛рд▓реЗрдВ
рд╢реБрдн рджрд┐рди, рдореЗрд░реЗ рдкрд╛рд╕ рдШрдЯрдХ рд╣реИ, рдмреНрд▓реЙрдХ рд╣реИ рдореЗрд░реЗ рдкрд╛рд╕ рдкрд░рд┐рд╡рд░реНрддрди рд╕реБрдирдиреЗ рдкрд░ рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИ, рдореИрдВ рдЙрд╕ рдмреНрд▓реЙрдХ рдХреЗ рдЕрдВрджрд░ "h1" рдХреИрд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВ "'<div class="contai...
рдЕрдВрдХ #617
рдХреЛрдИ рдЖрд╡рд░рдг рдирд╣реАрдВ
рдХреНрдпрд╛ рдХреИрдирд╡рд╛рд╕ рдореЗрдВ рдРрд╕реЗ рддрддреНрд╡реЛрдВ рдХреЛ рдЬреЛрдбрд╝рдирд╛ рд╕рдВрднрд╡ рд╣реИ рдЬрд┐рдирдореЗрдВ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдЖрд╡рд░рдг рдирд╣реАрдВ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рд╣реИ? "рд╕рд╛рдордЧреНрд░реА" рдореЗрдВ рд╣рдореЗрд╢рд╛ рдПрдХ рдореВрд▓ div рдЬреЛрдбрд╝рд╛ рдЬрд╛рддрд╛ рд╣реИ, рдХреНрдпрд╛ рд╡реИрд╕...
рдЕрдВрдХ #792
рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓реА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкреНрд░реЙрдкрд░реНрдЯреА рдмреНрд▓реЙрдХ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИ
Components and JS рдбреЙрдХреНрд╕ рдореЗрдВ рдпрд╣ рдЙрджрд╛рд╣рд░рдг рд╣реИ: рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдореИрдВ script рдореЗрдВ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рдмрдЬрд╛рдп рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред
рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред