Open sagarDeyExavalu opened 10 months ago
` const activatedConfig = useMemo( () => ({ buttons: "ul", minHeight: "100px", style: { marginBottom: "10px", marginTop: "20px", border: "2px solid #21cdc0", borderRadius: "10px", padding: "20px", width: "100%", fontSize: "1rem", lineHeight: "1.5", color: "rgba(0, 0, 0, 0.87)", backgroundColor: "#fff", },` showXPathInStatusbar: false, showCharsCounter: false, showWordsCounter: false, toolbarAdaptive: false,
` const activatedConfig = useMemo( () => ({ buttons: "ul", minHeight: "100px", style: { marginBottom: "10px", marginTop: "20px", border: "2px solid #21cdc0", borderRadius: "10px", padding: "20px", width: "100%", fontSize: "1rem", lineHeight: "1.5", color: "rgba(0, 0, 0, 0.87)", backgroundColor: "#fff",
enableDragAndDropFileToEditor: true, }), []
); <JoditEditor value={sectionsContent[section]} config={activatedConfig} onChange={(newContent) => handleChange( section === "Chief Complaints" ? "Chief_Complaints" : section, newContent ) } />
Here in the buttons i need to mention ul so that i can add manually the ul feature What can i do so that when i write anything in the jodit editor it takes it under ul tag when press enter then new li will be created
By default when we write anything it takes it as paragarpah tag
please explain what you want to do.
` const activatedConfig = useMemo( () => ({ buttons: "ul", minHeight: "100px", style: { marginBottom: "10px", marginTop: "20px", border: "2px solid #21cdc0", borderRadius: "10px", padding: "20px", width: "100%", fontSize: "1rem", lineHeight: "1.5", color: "rgba(0, 0, 0, 0.87)", backgroundColor: "#fff",
},` showXPathInStatusbar: false, showCharsCounter: false, showWordsCounter: false, toolbarAdaptive: false,); <JoditEditor value={sectionsContent[section]} config={activatedConfig} onChange={(newContent) => handleChange( section === "Chief Complaints" ? "Chief_Complaints" : section, newContent ) } />