StyleManager - SectorsView - addToCollection() рдЖрдИрдбреА рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП "рдирд╛рдо" рд╡рд┐рд╢реЗрд╖рддрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдХрдИ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдпрд╛ рд╡рд┐рд╢реЗрд╖ рд╡рд░реНрдгреЛрдВ рдХреЗ рд╕рд╛рде рд╡рд┐рдлрд▓ рд░рд╣рддрд╛ рд╣реИ
рдпрд╣рд╛рдБ рд╡рд╣ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рд╣реИ рдЬрд┐рд╕рдХрд╛ рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рдерд╛: ! [grapesjs рдЖрдИрдбреА рд╡рд┐рд╢реЗрд╖рддрд╛ рдмрдЧ рд░рд┐рдкреЛрд░реНрдЯ] (https://user-images.githubusercontent.com/42835357/51692532-67ca2a00-1ffd-11e9-9568-3e97ab61ec90.png)
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рд╣рд╛рдп @artf , grapesjs.init() рд╡рд┐рдзрд┐ рд╕реЗ pluginOpts рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП, рдореИрдВрдиреЗ рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ (рдиреНрдпреВрдЬрд╝рд▓реЗрдЯрд░ рдкреНрд▓рдЧрдЗрди рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ) рдкрд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЛ рдЗрд╕ рддрд░рд╣ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд┐рдпрд╛: рд▓рдХреНрд╖реНрдп рд▓реЗрдмрд▓ рдХреЛ рджреВрд╕рд░реА рднрд╛рд╖рд╛ рдореЗрдВ рдЕрдиреБрд╡рд╛рдж рдХрд░рдирд╛ рд╣реИред рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рдХрд┐ "рдирд╛рдо" рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рднреА рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ ... рдкреНрд░рддреНрдпреЗрдХ рд╕реЗрдХреНрдЯрд░ рдХреЗ HTML рдЯреИрдЧ рдХреА рдЖрдИрдбреА рд╡рд┐рд╢реЗрд╖рддрд╛ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП, рдПрдХ рдХрд╕реНрдЯрдо рдЙрдкрд╕рд░реНрдЧ рдХреЗ рд╕рд╛рде, рдЬреИрд╕реЗ "gjs-<namePropertyInLowercase>"ред рд╕рдорд╕реНрдпрд╛ рддрдм рд╣реЛрддреА рд╣реИ рдЬрдм "рдирд╛рдо" рдореЗрдВ рдХрдИ рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рд╣реЛрддреЗ рд╣реИрдВ: рдХреЗрд╡рд▓ рдкрд╣рд▓реЗ рд╡рд╛рд▓реЗ рдХреЛ рдмрджрд▓рд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдПрдХ рдЕрдорд╛рдиреНрдп HTML рдЖрдИрдбреА рд╡рд┐рд╢реЗрд╖рддрд╛ (рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреЗ рд╕рд╛рде) рд╣реЛ рдЬрд╛рддреА рд╣реИ, рдЬрд┐рд╕реЗ рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдкреИрдирд▓ рдкрд░ рдХреБрдЫ рдХрд╕реНрдЯрдо рд╕...
рдЬрд╡рд╛рдм (3)
рдпрд╣рд╛рдБ рд╡рд╣ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рд╣реИ рдЬрд┐рд╕рдХрд╛ рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рдерд╛:
! [grapesjs рдЖрдИрдбреА рд╡рд┐рд╢реЗрд╖рддрд╛ рдмрдЧ рд░рд┐рдкреЛрд░реНрдЯ] (https://user-images.githubusercontent.com/42835357/51692532-67ca2a00-1ffd-11e9-9568-3e97ab61ec90.png)
рдпрджрд┐ "рдирд╛рдо" рд╡рд┐рд╢реЗрд╖рддрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдпрд╣рд╛рдВ рдЬрд╛рдирдмреВрдЭрдХрд░ рд╣реИ, рдФрд░ рдХреЙрдкреА/рдкреЗрд╕реНрдЯ рдЧрд▓рддреА рдирд╣реАрдВ рд╣реИ (рдпрджрд┐ рдЖрдкрдХрд╛ рдорддрд▓рдм model.get('name')) рдХреЗ рдмрдЬрд╛рдп model.get('id') рд╣реИ), рддреЛ рдЗрд╕рдХрд╛ рдЙрджреНрджреЗрд╢реНрдп рдХреНрдпрд╛ рд╣реИ? рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп, рдХрд╣рддреЗ рд╣реИрдВ, рдПрдХ "рдЖрдИрдбреА" рд╕рдВрдкрддреНрддрд┐ рд╣рдо рдЦреБрдж рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? (рдФрд░ рд╕реНрд╡рд╛рднрд╛рд╡рд┐рдХ рд░реВрдк рд╕реЗ рдЗрд╕ рддрд░рд╣ рдХреА рдирд╛рдорд┐рдд рд╕рдВрдкрддреНрддрд┐ рдХреЗ рд╕рд╛рде рдХ...
рдпрд╣ рдереНрд░реЗрдб рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рд▓реЙрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдмрдВрдж рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдХреЛрдИ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реБрдИ рд╣реИ. рдХреГрдкрдпрд╛ рд╕рдВрдмрдВрдзрд┐рдд рдмрдЧ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓реЗрдВ.
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #1913
рдкреГрд╖реНрдарднреВрдорд┐ рдХреЗ рдЧреБрдгреЛрдВ рдореЗрдВ рдкреГрд╖реНрдарднреВрдорд┐-рдЖрдХрд╛рд░ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░рдирд╛ grapesjs рдЯреВрдЯ рдЬрд╛рддрд╛ рд╣реИ
grapesjs (0.14.55) рдФрд░ grapesjs-preset-webpage (0.1.10) рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП, рдореИрдВрдиреЗ рдЕрдкрдиреЗ рд╕рдВрдкрд╛рджрдХ рдХреЛ рдЗрд╕ рддрд░рд╣ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд┐рдпрд╛ рд╣реИ...
рдЕрдВрдХ #1183
Grapesjs рдкреНрд▓рдЧрдЗрдиреНрд╕ рд░рд┐рдПрдХреНрдЯ рд╕реНрдкрд╛ рдореЗрдВ рджреВрд╕рд░реА рдмрд╛рд░ рд▓реЛрдб рдирд╣реАрдВ рд╣реЛ рд░рд╣реЗ рд╣реИрдВ
рдирдорд╕реНрдХрд╛рд░ рдореИрдВ рдЕрдкрдиреЗ рд░рд┐рдПрдХреНрдЯ рд╕реНрдкрд╛ рдореЗрдВ рдПрдХ grapesjs рд╕рдВрдкрд╛рджрдХ рдЬреЛрдбрд╝рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд╕рдВрдкрд╛рджрдХ рдХреЛ рдЖрд░рдВрдн рдХрд░ рд░рд╣рд╛ рд╣реВрдВ: рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рд╡реЗрд░рд┐рдП...
рдЕрдВрдХ #353
Grapesjs-рд╡рд░реНрддрдорд╛рди-рдиреНрдпреВрдЬрд╝рд▓реЗрдЯрд░ рдкреНрд▓рдЧрдЗрди рдХреЗ рд╕рд╛рде рд╕рдорд╕реНрдпрд╛рдПрдБ
рд╕рднреА рдХреЛ рдирдорд╕реНрдХрд╛рд░ рдореИрдВ grapesjs-рд╡рд░реНрддрдорд╛рди-рдиреНрдпреВрдЬрд╝рд▓реЗрдЯрд░ рдкреНрд▓рдЧрдЗрди рдХреЗ рд╕рд╛рде GrapesJs рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рддрд╛рдХрд┐ рдореИрдВ рд╕реАрдПрд╕рдПрд╕ рдХреЗ рдЕрдВрджрд░ HTML рджрд┐рдЦрд╛ рд╕...
рдЕрдВрдХ #999
JSON рдбреЗрдЯрд╛ рдкреНрд░рд╛рд░реВрдк рдХреЗ рднреАрддрд░ рдХреИрдирд╡рд╛рд╕ рд░реИрдкрд░ рдкрдВрдХреНрддрд┐рдпреЛрдВ, рд╕реНрддрдВрднреЛрдВ рдФрд░ рдирд┐рдпрдВрддреНрд░рдгреЛрдВ рдХрд╛ рд╡рд┐рд╡рд░рдг рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ?
рдирдорд╕реНрддреЗ, рдЖрдкрдХреЗ рдкреНрд▓рдЧрдЗрди рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рд╕рд╣реЗрдЬреЗрдВ рдмрдЯрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рддреЗ рд╕рдордп рдореИрдВ рдЧрд┐рд░рд╛рдП рдЧрдП рдирд┐рдпрдВрддреНрд░рдг, рдкрдВрдХреНрддрд┐рдпреЛрдВ рдФрд░ рд╕реНрддрдВрднреЛрдВ рдХреА рдЬрд╛рдирдХрд╛рд░реА рдЬреИрд╕реЗ JSON рдбреЗрдЯрд╛ рдХреИрд╕реЗ...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрд╕рдВрдмрдВрдзрд┐рдд рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓
рдПрдХ рд╣реА рд╡рд┐рд╖рдп рдкрд░ рдЧрд╣рди рдорд╛рд░реНрдЧрджрд░реНрд╢рд┐рдХрд╛рдПрдБред
рдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред