рдкреНрд▓рдЧрдЗрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ: grapesjs-рдХрд╕реНрдЯрдо-рдХреЛрдб
рд╣рд╛рдп @megarg рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдирдП рдкреНрд▓рдЧрдЗрдиреНрд╕ (presets рдЕрднреА рддрдХ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВ рдХрд┐рдП рдЧрдП рд╣реИрдВ) рдПрдХ рдирдП рдирд┐рд░реНрдпрд╛рдд рдкреНрд░рд╛рд░реВрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдЗрд╕ рдЖрдпрд╛рдд рдХреЛ рдкреНрд░рдпреЛрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдирд╣реАрдВ рдмрдирд╛рддрд╛ import 'grapesjs-custom-code'; ред рдЖрдк рдирдП рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рдЙрдкрдпреЛрдЧ рдХрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╣рд╛рдВ
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рдореИрдВ "рдХрд╕реНрдЯрдо рдХреЛрдб рдкреНрд▓рдЧрдЗрди" рдЬреЛрдбрд╝рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди рдХрдВрд╕реЛрд▓ рдореЗрдВ рдПрдХ рддреНрд░реБрдЯрд┐ рд╣реЛ рд░рд╣реА рд╣реИ "рдкреНрд▓рдЧрдЗрди grapesjs-рдХрд╕реНрдЯрдо-рдХреЛрдб рдирд╣реАрдВ рдорд┐рд▓рд╛" рдореИрдВрдиреЗ рдПрдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдРрдк рдмрдирд╛рдпрд╛ рд╣реИ рдФрд░ рдпрд╣ рдПрдХ рдкрд╣реБрдВрдЪ рдШрдЯрдХ рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рд╣реИред рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдпрд╣ рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ рдЬрдм рдореИрдВ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдШрдЯрдХ рдХреЗ рдмрдЬрд╛рдп html рдкреГрд╖реНрда рд╕реЗ рдкреНрд▓рдЧрдЗрди рдЬреЛрдбрд╝рддрд╛ рд╣реВрдВред рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдХреЗрд╡рд▓ "grapesjs-custom-code" рдХреЗ рд╕рд╛рде рд╣реИред "gjs-preset-webpage" рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ рдореИрдВ рдЕрдкрдиреЗ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдШрдЯрдХ рдореЗрдВ рдХреБрдЫ рдореВрд░реНрдЦрддрд╛рдкреВрд░реНрдг рдЧрд▓рдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдпрд╛ рдХреЛрдИ рдмрдЧ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред рдореИрдВ рдШрдВрдЯреЛрдВ рд╕реЗ рдЗрд╕рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдХреГрдкрдпрд╛ рдХреБрдЫ рдорджрдж рдХреА рдЬрд░реВрд░рдд рд╣реИред рдореЗрд░рд╛ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдШрдЯрдХ рдХреЛрдб рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╣реИ import React, { Compon...
рдЬрд╡рд╛рдм (2)
рд╣рд╛рдп @megarg рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдирдП рдкреНрд▓рдЧрдЗрдиреНрд╕ (presets рдЕрднреА рддрдХ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВ рдХрд┐рдП рдЧрдП рд╣реИрдВ) рдПрдХ рдирдП рдирд┐рд░реНрдпрд╛рдд рдкреНрд░рд╛рд░реВрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдЗрд╕ рдЖрдпрд╛рдд рдХреЛ рдкреНрд░рдпреЛрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдирд╣реАрдВ рдмрдирд╛рддрд╛ import 'grapesjs-custom-code'; ред рдЖрдк рдирдП рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рдЙрдкрдпреЛрдЧ рдХрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╣рд╛рдВ
рдореИрдВ рдХреБрдЫ рдФрд░ рд╡рд┐рд╡рд░рдг рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реВрдВ: -----рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди----- $ рдиреЛрдб -v рд╡реА10.15.3
$ рдПрдирдкреАрдПрдХреНрд╕ рдиреЛрдб-рдПрд╕рдПрдПрд╕рдПрд╕ -рд╡реА рдиреЛрдб-рд╕реИрд╕ 4.12.0 (рд░реИрдкрд░) [рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ] рд▓рд┐рдмрд╛рд╕ 3.5.4 (рд╕реИрд╕ рдХрдВрдкрд╛рдЗрд▓рд░) [рд╕реА/рд╕реА++]
рдУрдПрд╕ рд╣реИ: рд╡рд┐рдВрдбреЛрдЬ 10
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрд┐рд╕реА рднреА рд╕рдВрдХреЗрдд рдХреА рд╕рд░рд╛рд╣рдирд╛ рдХрд░реЗрдВрдЧреЗ рдХрд┐ рдпрд╣ рдкреНрд▓рдЧрдЗрди рдпрд╣ рддреНрд░реБрдЯрд┐ рдХреНрдпреЛрдВ рджреЗ рд░рд╣рд╛ рд╣реИред
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #2261
рд╕реНрдерд╛рдиреАрдп HTML рдлрд╝рд╛рдЗрд▓ рдХреЛ grapesjs рдореЗрдВ рд▓реЛрдб рдХрд░реЗрдВ
рд╣реИрд▓реЛ рдореИрдВ grapejs рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдирдпрд╛ рд╣реВрдВ рдХрд┐ рдореИрдВ grapesjs рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рд╕рдВрдкрддреНрддрд┐ рдлрд╝реЛрд▓реНрдбрд░ рдореЗрдВ рдПрдХ рд╕реНрдерд╛рдиреАрдп HTML рдлрд╝рд╛рдЗрд▓ рд▓реЛрдб рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдХреГрдкрдпрд╛ рдореБрдЭреЗ рдмрдд...
рдЕрдВрдХ #2262
Cors рдиреАрддрд┐ рджреНрд╡рд╛рд░рд╛ рдЕрд╡рд░реБрджреНрдз рдХреЛрдИ 'Access-Control-Allow-Origin' рд╣реЗрдбрд░ рдЕрдиреБрд░реЛрдзрд┐рдд рд╕рдВрд╕рд╛рдзрди рдкрд░ рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реИ
рд╣реИрд▓реЛ рдореИрдВ vue рд░реИрдкрд░ рдХреЗ рд╕рд╛рде grapesjs рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдореИрдВ urlLoad рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рд╡реЗрдмрдкреЗрдЬ рд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рд╣реВрдВ: grapesjs рдореИрдВ рдХреЛрд░ рд╕рдорд╕реНрдпрд╛...
рдЕрдВрдХ #5372
рдХрд╕реНрдЯрдо AtRule (@container, @font-face) рдирд╣реАрдВ рдЬреЛрдбрд╝ рд╕рдХрддрд╛
GrapesJS рд╕рдВрд╕реНрдХрд░рдг [X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рдХрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рд╡рд┐рдВрдбреЛрдЬ, рдХреНрд░реЛрдо, рдкреН...
рдЕрдВрдХ #3832
рд╕реАрдПрд╕рдПрд╕ рдХрдХреНрд╖рд╛рдПрдВ рд╣рдЯрд╛ рджреА рдЬрд╛рддреА рд╣реИрдВ рдФрд░ рдкреНрд░рддреНрдпреЗрдХ рдПрдЪрдЯреАрдПрдордПрд▓ рдЯреИрдЧ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рдд: рдЙрддреНрдкрдиреНрди рдЖрдИрдбреА рдмрджрд▓ рдЬрд╛рддреА рд╣реИрдВ (рдЙрджрд╛рд╣рд░рдг: ivj5m-2) рдкреНрд░рддреНрдпреЗрдХ рдкреБрдирдГ рд▓реЛрдб рдХреЗ рдмрд╛рдж
GrapesJS рд╕рдВрд╕реНрдХрд░рдг [X] рдореИрдВ GrapesJS рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рддрд╛ рд╣реВрдВ рдЖрдк рдХрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдХреНрд░реЛрдорд┐рдпрдо рдкреНрд░рддрд┐рд▓рд┐рдк...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред