react-ckeditor
react-ckeditor copied to clipboard
Published
20 hours ago •
codeslayer1
codeslayer1
CKEditor in map field to loop through repeater field only loads first editor
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')}>
<label className="label-gen">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')}>
<label className="label-gen">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"}}>
<div className="col">
<button className="btn btn-sm btn-danger" onClick={e => delMenu(e, menu, index)}>Delete
))}
