Rgb/rgba рд░рдВрдЧ рдорд╛рди рдХреЛ рд╣реЗрдХреНрд╕ рдХреЛрдб рдореЗрдВ рдмрджрд▓реЗрдВ
рдЬреИрд╕рд╛ рдХрд┐ рд╕реНрдЯрд╛рдЗрд▓рдореИрдиреЗрдЬрд░ рдШрдЯрдХреЛрдВ рдФрд░ рд╕реАрдПрд╕рдПрд╕рд░реВрд▓реНрд╕ рдХреЛ рд▓рдХреНрд╖рд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ, рдЖрдкрдХреЛ рдкрд╣рд▓реЗ рдпрд╣ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдХреНрдпрд╛ рдЪреБрдирд╛ рдЧрдпрд╛ рдерд╛
рдиреАрдЪреЗ рдкреВрд░рд╛ рдЙрддреНрддрд░ рдкрдврд╝реЗрдВ тЖУрдкреНрд░рд╢реНрди
рд╣рд╛рдп рджреЛрд╕реНрддреЛрдВ,
рдореЗрд░реЗ рджреНрд╡рд╛рд░рд╛ рдЕрдиреБрд╕рд░рдг рдХрд┐рдП рдЧрдП рдЪрд░рдг:
- рдЯреЗрдХреНрд╕реНрдЯ рдмреНрд▓реЙрдХ рдХреЛ рдЦреАрдВрдЪреЗрдВред
- рдлрд╝реЙрдиреНрдЯ рд░рдВрдЧ рд╕реЗрдЯ рдХрд░реЗрдВред (рдпрд╣ RGB/RGBA рдкреНрд░рд╛рд░реВрдк рдореЗрдВ рд╣реИ)
рдореБрдЭреЗ рдХреНрдпрд╛ рдЙрдореНрдореАрдж рдереА:
рд╢реИрд▓реА рдХреЛ рд╣реЗрдХреНрд╕рд╛ рдХреЛрдб рдХреА рддрд░рд╣ рдЕрджреНрдпрддрди рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред (рдЬреИрд╕реЗ, #f0f0f0)
рдореИрдВрдиреЗ editor.on('component:styleUpdate:color', function (model) { рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╡рд┐рд╢реЗрд╖ рд░рдВрдЧ рдЕрджреНрдпрддрди рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ред рд▓реЗрдХрд┐рди рдореБрдЭреЗ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рдорд┐рд▓ рд╕рдХрд╛ред рдЕрдкреЗрдХреНрд╖рд┐рдд рд╕рдорд╛рдзрд╛рди рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореЗрд░рд╛ рдорд╛рд░реНрдЧрджрд░реНрд╢рди рдХрд░реЗрдВред
рдЕрдЧреНрд░рд┐рдо рдореЗрдВ рдзрдиреНрдпрд╡рд╛рдж,
рдкреНрд░рднрд╛ред
рдЬрд╡рд╛рдм (3)
рдЬреИрд╕рд╛ рдХрд┐ рд╕реНрдЯрд╛рдЗрд▓рдореИрдиреЗрдЬрд░ рдШрдЯрдХреЛрдВ рдФрд░ рд╕реАрдПрд╕рдПрд╕рд░реВрд▓реНрд╕ рдХреЛ рд▓рдХреНрд╖рд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ, рдЖрдкрдХреЛ рдкрд╣рд▓реЗ рдпрд╣ рдкрддрд╛ рд▓рдЧрд╛рдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдХреНрдпрд╛ рдЪреБрдирд╛ рдЧрдпрд╛ рдерд╛
@prabha-912
editor.on('component:styleUpdate:color', function (model) {
console.log(model.getStyle()['color'])
})
рдЪреАрдпрд░реНрд╕!
рд░рдВрдЧ @pouyamiralayi рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рддреЗ рд╕рдордп рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рд▓реМрдЯрд╛рддрд╛ рд╣реИ
рд╕рдВрдмрдВрдзрд┐рдд рдкреНрд░рд╢реНрди рдФрд░ рдЙрддреНрддрд░
рдЗрд╕реА рддрд░рд╣ рдХреА рдореБрджреНрджреЛрдВ рдкрд░ рдЪрд░реНрдЪрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢реЛрдз рдЬрд╛рд░реА рд░рдЦреЗрдВред
рдЕрдВрдХ #1708
StyleManager рдИрд╡реЗрдВрдЯ рдкреНрд░рддрд┐ рдкрд░рд┐рд╡рд░реНрддрди рдХрдИ рдмрд╛рд░ рд╕рдХреНрд░рд┐рдп рд╣реЛрддрд╛ рд╣реИ
рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП: GrapesJS рдХреА рдПрдХ рдирдИ рд╕реНрдерд╛рдкрдирд╛ рдкрд░, рдбреЗрдореЛ рдкреГрд╖реНрда рдХреЗ рднреАрддрд░ (index.html рдХреЗ рднреАрддрд░), рдЗрд╕ рддрд░рд╣ рдПрдХ рдИрд╡реЗрдВрдЯ рд╢реНрд░реЛрддрд╛ рдЬреЛрдбрд╝реЗрдВ: 'editor.on('com...
рдЕрдВрдХ #1904
рдкреНрд░реЙрдкрд░реНрдЯреА рдлреНрд▓реЛрдЯ рдореЗрдВ рдмрджрд▓рд╛рд╡ рдкрд╛рдПрдВ
рдореИрдВ 'рдлреНрд▓реЛрдЯ' рд╕рдВрдкрддреНрддрд┐ рдореЗрдВ рдмрджрд▓рд╛рд╡ рдХреЛ рд╕реБрдирдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЪрд╛рд╣реЗ рдЗрд╕реЗ рдХрд┐рд╕реА рдИрд╡реЗрдВрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕реНрдЯрд╛рдЗрд▓ рдореИрдиреЗрдЬрд░ рдореЗрдВ 'рдмрд╛рдПрдВ' рдпрд╛ 'рджрд╛рдПрдВ' рдпрд╛ 'рдХреЛрдИ рдирд╣...
рдЕрдВрдХ #2536
рдкреГрд╖реНрдарднреВрдорд┐ рдЫрд╡рд┐ рдЗрдирд▓рд╛рдЗрди
рдирдорд╕реНрддреЗ рдкреНрд░рд▓реЗрдЦрди рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрдврд╝рдирд╛, рдореБрдЭреЗ рдХрд╣реАрдВ рднреА рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ рдЬреЛ рдмрддрд╛рддрд╛ рд╣реИ рдХрд┐ рдореИрдВ рдХреНрдпрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рд╡рд░реНрддрдорд╛рди рдореЗрдВ, Grapes рдкреГрд╖реНрдарднреВрдорд┐ рдЫрд╡рд┐ рдХ...
рдЕрдВрдХ #710
рдПрдХ рдкреВрд░реЗ рддрддреНрд╡ рдХреЛ рдЦреАрдВрдЪрдиреЗ рдпреЛрдЧреНрдп рдмрдирд╛рдПрдВ, рди рдХрд┐ рдХреЗрд╡рд▓ рд╣реИрдВрдбрд▓
рдореИрдВ рдбреНрд░реИрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рддрддреНрд╡реЛрдВ рд╕реЗ рд╣реИрдВрдбрд▓ рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдиреЗ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдПрдХ рд╣реИрдВрдбрд▓ рд╣реЛрдиреЗ рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдкреВрд░реЗ рддрддреНрд╡ рдХреЛ рдЦреАрдВрдЪрдиреЗ рдпреЛрдЧреНрдп...
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдореЗрд▓ рдЦрд╛рддреЗ рд╣реИрдВ
рд╕рдорд╕реНрдпрд╛ рдХреАрд╡рд░реНрдб рдФрд░ рд▓реЗрдмрд▓ рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХрддрд╛ рджреНрд╡рд╛рд░рд╛ рдХреНрдпреВрд░реЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рддреЗрдЬрд╝реА рд╕реЗ рд╢рд┐рдк рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХреЗред
рд╕рд╢реБрд▓реНрдХ рдкреНрд▓рдЧрдЗрди рдЕрдиреБрд╢рдВрд╕рд╛рдПрдБ рд▓реЛрдб рд╣реЛ рд░рд╣реА рд╣реИрдВ ...
рдУрдкрди-рд╕реЛрд░реНрд╕ GrapesJS рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ GitHub рдпрд╛ рд╣рдорд╛рд░реЗ рдореБрдлреНрдд рдХреИрдЯрд▓реЙрдЧ рдореЗрдВ рдПрдХ рддреНрд╡рд░рд┐рдд рдЦреЛрдЬ рдЪрд▓рд╛рдПрдВред
рдореБрдлреНрдд рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рд╕рдорд░реНрдерди, рдирд┐рдпрдорд┐рдд рдЕрдкрдбреЗрдЯ рдФрд░ рдЙрддреНрдкрд╛рджрди-рддреИрдпрд╛рд░ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╕рд╛рде рд╢рд┐рдк рд╣реЛрддреЗ рд╣реИрдВ - рдПрдХреАрдХрд░рдг рдХрд╛рд░реНрдп рдХреЗ рджрд┐рдиреЛрдВ рдХреЛ рдмрдЪрд╛рддреЗ рд╣реИрдВред
рдкреНрд░реАрдорд┐рдпрдо рдкреНрд▓рдЧрдЗрдиреНрд╕ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░реЗрдВ тЖТрдмреНрд░рд╛рдЙрдЬрд╝ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгрд┐рдпрд╛рдБ
рд╕реАрдзреЗ рдмрд╛рдЬрд╝рд╛рд░ рдкрд░ рдкреНрд▓рдЧрдЗрди рд╢реНрд░реЗрдгреА рдХреЗ рдкреГрд╖реНрдареЛрдВ рдкрд░ рдЬрд╛рдПрдБред