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

рдЕрдВрдХ #2118ЁЯТм рдЙрддреНрддрд░ рджрд┐рдпрд╛рдЦреЛрд▓рд╛ рдЧрдпрд╛ 5 рдЬреБрд▓рд╛рдИ 2019рджреНрд╡рд╛рд░рд╛ lajby951 рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдПрдВ

рдЧрддрд┐рд╢реАрд▓ рдмреНрд▓реЙрдХреЛрдВ рдХреЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдХреЛ HTML рдореЗрдВ рд╕рд╣реЗрдЬреЗрдВ? (рдЙрд▓рдЯреА рдЧрд┐рдирддреА, рд╕реНрд▓рд╛рдЗрдбрд░)

рддреНрд╡рд░рд┐рдд рдЙрддреНрддрд░рджреНрд╡рд╛рд░рд╛ alikabeer32тЭд 1

рдХреНрдпрд╛ рдЖрдкрдХрд╛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛрдб рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕реЗрдЯ рд╣реЛ рд░рд╣рд╛ рд╣реИ? рдРрд╕рд╛ рдЗрд╕рд▓рд┐рдП рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЬрдм рдЖрдк editor.setComponents(yourhtml) рдЪрд▓рд╛рддреЗ рд╣реИрдВ рддреЛ рдлреНрд░реЗрдорд╡рд░реНрдХ, рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ, js рд╕реЗрдЯ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ; const editor = grapesjs.init({ ... рдЕрдиреБрдорддрд┐ рд╕реНрдХреНрд░рд┐рдкреНрдЯреНрд╕: 1, }); рдпрд╣ рдЖрдкрдХреА рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реИред рд╢реБрднрдХрд╛рдордирд╛рдПрдВред

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

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

рдореИрдВ рдЯреЗрдореНрдкрд▓реЗрдЯ рдбреЗрдЯрд╛ рдХреЛ рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рд╕рд╣реЗрдЬрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдореЗрд░реЗ рдкрд╛рд╕ рдпрд╣ рд╕рдлрд▓рддрд╛рдкреВрд░реНрд╡рдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИред рдпрд╣ PHP рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкрд░ Assets, Components, Styles, Html рдФрд░ CSS рдбреЗрдЯрд╛ (рдЬреИрд╕реЗ рдпрд╣ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЗ рд▓реЛрдХрд▓рд╕реНрдЯреЛрд░реЗрдЬ рдореЗрдВ рдХреИрд╕реЗ рд╕рд╣реЗрдЬрддрд╛ рд╣реИ) рдкреЛрд╕реНрдЯ рдХрд░рддрд╛ рд╣реИред рдЬреИрд╕рд╛ рдХрд┐ рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛, Components рднрд╛рдЧ (editor.getComponents()) рдореЗрдВ рдЧрддрд┐рд╢реАрд▓ рддрддреНрд╡реЛрдВ рдХреЗ рд╕рднреА рдбреЗрдЯрд╛ рдХреЗ рд╕рд╛рде рдПрдЪрдЯреАрдПрдордПрд▓ рд╕рдВрд░рдЪрдирд╛ рд╣реЛрддреА рд╣реИ рдЬреЛ рдкреГрд╖реНрда рдкрд░ рд╕реНрдерд┐рд░ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИрдВ (рдЬреИрд╕реЗ Countdown рдпрд╛ Slider), рдЗрд╕рд▓рд┐рдП рдпрд╣ рд╕рднреА рдЧрддрд┐рд╢реАрд▓ рддрддреНрд╡реЛрдВ рдХреЗ рд╕рд╛рде рдкреВрд░реНрдг рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреЛ рд╕рдВрдЧреНрд░рд╣реАрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рд╣реИред Html рднрд╛рдЧ (editor.getHtml()) рдХреЗрд╡рд▓ рдкреГрд╖реНрда рдХреЗ рд╕реНрдерд┐рд░ рднрд╛рдЧ рдХреЛ рдмрдЪрд╛ рд╕рдХрддрд╛ рд╣реИ, рдпрд╣ рдЗрди рдЧрддрд┐рд╢реАрд▓ рддрддреН...

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

alikabeer32тАв 6 рдЬреБрд▓рд╛рдИ 2019

рдХреНрдпрд╛ рдЖрдкрдХрд╛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛрдб рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕реЗрдЯ рд╣реЛ рд░рд╣рд╛ рд╣реИ? рдРрд╕рд╛ рдЗрд╕рд▓рд┐рдП рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЬрдм рдЖрдк editor.setComponents(yourhtml) рдЪрд▓рд╛рддреЗ рд╣реИрдВ рддреЛ рдлреНрд░реЗрдорд╡рд░реНрдХ, рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ, js рд╕реЗрдЯ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ;

const editor = grapesjs.init({ ... рдЕрдиреБрдорддрд┐ рд╕реНрдХреНрд░рд┐рдкреНрдЯреНрд╕: 1, });

рдпрд╣ рдЖрдкрдХреА рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реИред рд╢реБрднрдХрд╛рдордирд╛рдПрдВред

lajby95тАв 8 рдЬреБрд▓рд╛рдИ 2019

@alikabeer32 рд╣рдореНрдо, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рд╣рд▓ рд╣реЛ рдЧрдИ рд╣реИред рдзрдиреНрдпрд╡рд╛рдж!

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

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

рдЕрдВрдХ #3627

рдореИрдВ рдкреГрд╖реНрда рдХреЛ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдЖрдИрдбреА рдХреЗ рдХрд╛рд░рдг рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд▓рд╛рдЧреВ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рдЕрдВрдд рдореЗрдВ -2,-3 рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрдиред

рдпрд╣ рдореЗрд░рд╛ рдлрд╝рдВрдХреНрд╢рди рдЬреИрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИред рдореИрдВ рдкреГрд╖реНрда рдХреЛ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, HTML рднрд╛рдЧ рдареАрдХ рд╣реИ рд▓реЗрдХрд┐рди рдЬреИрд╕рд╛ рдХрд┐ рд╕реАрдПрд╕рдПрд╕ рдХреЛ рдЖрдИрдбреА рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд▓...

4 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 17 рдлрд╝рд░рд╡рд░реА 2023

рдЕрдВрдХ #3399

JSON рдХреЛ HTML рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб рдореЗрдВ рдмрджрд▓реЗрдВ

рддреЛ рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЗрд╕ рдЕрджреНрднреБрдд рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рд▓рд┐рдП @artf рдзрдиреНрдпрд╡рд╛рджред рдореЗрд░рд╛ рдПрдХ рд╕рд╡рд╛рд▓ рд╣реИ: рдХреНрдпрд╛ рд╕рд░реНрд╡рд░-рд╕рд╛рдЗрдб (Node.js рд╡рд╛рддрд╛рд╡рд░рдг рдореЗрдВ) рдкрд░ рдШрдЯрдХреЛрдВ-JSON рдХреЛ HTML рдореЗрдВ рдЖрд╕рд╛...

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

рдЕрдВрдХ #3347

рдореИрдВ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрд╕рдореНрдкреАрдбрд┐рдд рдЬреЗрдПрд╕ рдХреЛрдб рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?

рдирдорд╕реНрддреЗ, рдореЗрд░реА рд╕рдорд╕реНрдпрд╛ рдХреА рд╕рдореАрдХреНрд╖рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореИрдВ htmlуАБcss рдФрд░ js рдХреЛ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ JSEditor рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВ...

4 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 7 рдЕрдкреНрд░реИрд▓ 2021

рдЕрдВрдХ #3262

рдПрдХ рд╕реАрдПрд╕рдПрд╕ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░реЗрдВ

рд╣рд╛рдп @artf ! рдХреНрдпрд╛ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд╕реАрдПрд╕рдПрд╕ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдореЗрдВ рдкрд╛рд░реНрд╕ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ? рдпрд╣ рдРрд╕реЗ рдкрд░рд┐рджреГрд╢реНрдп рдореЗрдВ рдорджрджрдЧрд╛рд░ рд╣реЛрдЧрд╛ рдЬрд╣рд╛рдВ рдЖрдкрдХреЗ рдкрд╛рд╕ рдХрдИ GrapesJs рдЙрджрд╛рд╣рд░...

2 рдЙрддреНрддрд░рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ 17 рдлрд╝рд░рд╡рд░реА 2021

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

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

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

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

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

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

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

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

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

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

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