diff --git a/src/components/AddClassManual.js b/src/components/AddClassManual.js index 203d65e..525b56d 100644 --- a/src/components/AddClassManual.js +++ b/src/components/AddClassManual.js @@ -20,7 +20,7 @@ import { RichTextEditor } from '@mantine/rte'; import { Editor } from '@tinymce/tinymce-react'; import { IoArrowUndoCircle } from "react-icons/io5"; import { GrUserAdmin, GrOrderedList } from "react-icons/gr"; - +import parse from 'html-react-parser'; import GestionAdministrative from "./GestionAdministrative"; @@ -453,8 +453,15 @@ const AddClassManual = (props) => { const editorRef_description = useRef(null); + const [editorRef_description_limite, seteditorRef_description_limite] = useState(700); + + const editorRef_objectif = useRef(null); + const [editorRef_objectif_limite, seteditorRef_objectif] = useState(300); + const editorRef_programme = useRef(null); + const [editorRef_programme_limite, seteditorRef_programme] = useState(700); + const editorRef_prerequis = useRef(null); const editorRef_pourqui = useRef(null); const editorRef_mots_cle = useRef(null); @@ -492,11 +499,21 @@ const AddClassManual = (props) => { var objectif = ""; if (editorRef_objectif.current) { objectif = editorRef_objectif.current.getContent(); + if( parse(objectif.replace(/(<([^>]+)>)/ig, '')).length > editorRef_objectif_limite){ + alert(" Champ 'Objectif', limite depassée !") + return; + } + } var programme = ""; if (editorRef_programme.current) { programme = editorRef_programme.current.getContent(); + + if( parse(programme.replace(/(<([^>]+)>)/ig, '')).length > editorRef_programme_limite){ + alert(" Champ 'Programme', limite depassée !") + return; + } } var prerequis = ""; @@ -507,6 +524,11 @@ const AddClassManual = (props) => { var description = ""; if (editorRef_description.current) { description = editorRef_description.current.getContent(); + + if( parse(description.replace(/(<([^>]+)>)/ig, '')).length > editorRef_description_limite){ + alert(" Champ 'Description', limite depassée !") + return; + } } @@ -1313,7 +1335,7 @@ const AddClassManual = (props) => {