Repository navigation
CKEditor in map field to loop through repeater field only loads first editor #85
Description
CKEditor in map field to loop through repeater field only loads first editor and throughs this error
Uncaught TypeError: Cannot read properties of null (reading 'unselectable')
{menu.map((item, index) => (
<div className="row" style={{marginTop:'20px'}}>
<div className={"col " + (lang=='en' ? '' : 'hide')}>
Menu(En)
<CKEditor
activeClass="p10"
content={item.menuEn}
config = {{
allowedContent : true
}}
id={'menuen'+index}
events={{
"blur": (e)=>setMenuEn(e.editor.getData(), index, menu),
"afterPaste": (e)=>setMenuEn(e.editor.getData(), index, menu),
"change": (e)=>setMenuEn(e.editor.getData(), index, menu)
}}
/>
<div className={"col " + (lang=='fr' ? '' : 'hide')}>
Menu(Fr)
<CKEditor
activeClass="p10"
config = {{
allowedContent : true
}}
id={'menufr'+index}
content={item.menuFr}
events={{
"blur": (e)=>setMenuFr(e.editor.getData(), index, menu),
"afterPaste": (e)=>setMenuFr(e.editor.getData(), index, menu),
"change": (e)=>setMenuFr(e.editor.getData(), index, menu),
}}
/>
<div className="row" style={{marginTop:'20px', marginBottom: "20px"}}>
<button className="btn btn-sm btn-danger" onClick={e => delMenu(e, menu, index)}>Delete
))}
Activity