feat(information): utilisation de tiptap sur les pages infos

targets/frontend/src/components/forms/EditionField/Editor.tsx

@@ -36,6 +36,7 @@ export const Editor = ({
   disabled,
   isError = false,
 }: EditorProps) => {
+  const [currentContent, setCurrentContent] = useState(content);
   const [focus, setFocus] = useState(false);
   const [isClient, setIsClient] = useState(false);
   const editor = useEditor({
@@ -77,6 +78,7 @@ export const Editor = ({
     ],
     onUpdate: ({ editor }) => {
       const html = editor.getHTML();
+      setCurrentContent(html);
       onUpdate(html !== emptyHtml ? html : "");
     },
   });
@@ -104,6 +106,7 @@ export const Editor = ({
           focus={focus}
           isError={isError}
           disabled={disabled}
+          htmlFor={label}
         >
           <MenuStyle editor={editor} />
           <MenuSpecial editor={editor} />
@@ -115,6 +118,7 @@ export const Editor = ({
             onBlur={() => setFocus(false)}
             disabled={disabled}
           />
+          <input type="hidden" id={label} value={currentContent} />
         </TitleBox>
       )}
     </>

targets/frontend/src/modules/informations/components/informationsEdit/InformationsBlockText.tsx

@@ -1,6 +1,6 @@
-import { Stack, FormControl } from "@mui/material";
+import { FormControl, Stack } from "@mui/material";
 import React from "react";
-import { FormTextField } from "src/components/forms";
+import { FormEditionField } from "src/components/forms";
 import { Control } from "react-hook-form";
 
 export type InformationBlockTextProps = {
@@ -21,14 +21,11 @@ export const InformationsBlockText = ({
         spacing={2}
       >
         <FormControl>
-          <FormTextField
+          <FormEditionField
+            label="Texte"
             name={`${name}.content`}
             control={control}
-            label="Texte"
             rules={{ required: true }}
-            multiline
-            fullWidth
-            labelFixed
           />
         </FormControl>
       </Stack>

targets/frontend/src/modules/informations/components/informationsEdit/__tests__/InformationsForm.test.tsx

@@ -1,10 +1,10 @@
-import { render, screen, waitFor } from "@testing-library/react";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import React from "react";
-import { fireEvent } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
 import { InformationsForm } from "../InformationsForm";
 import { InformationsResult } from "../Informations.query";
+import { ClipboardEventMock, DragEventMock } from "./richeTextUtils";
 
 const information: InformationsResult = {
   id: "cafaf8d6-af91-4901-a18d-e70921788088",
@@ -47,6 +47,9 @@ const information: InformationsResult = {
 
 const onSubmit = jest.fn(() => Promise.resolve());
 
+(global as any).ClipboardEvent = ClipboardEventMock;
+(global as any).DragEvent = DragEventMock;
+
 describe("InformationForm", () => {
   afterEach(() => {
     jest.clearAllMocks();

targets/frontend/src/modules/informations/components/informationsEdit/__tests__/richeTextUtils.ts

@@ -0,0 +1,43 @@
+export class ClipboardDataMock {
+  getData: jest.Mock<string, [string]>;
+  setData: jest.Mock<void, [string, string]>;
+
+  constructor() {
+    this.getData = jest.fn();
+    this.setData = jest.fn();
+  }
+}
+
+export class ClipboardEventMock extends Event {
+  clipboardData: ClipboardDataMock;
+
+  constructor(type: string, options?: EventInit) {
+    super(type, options);
+    this.clipboardData = new ClipboardDataMock();
+  }
+}
+
+export class DataTransferMock {
+  data: { [key: string]: string };
+
+  constructor() {
+    this.data = {};
+  }
+
+  setData(format: string, data: string): void {
+    this.data[format] = data;
+  }
+
+  getData(format: string): string {
+    return this.data[format] || "";
+  }
+}
+
+export class DragEventMock extends Event {
+  dataTransfer: DataTransferMock;
+
+  constructor(type: string, options?: EventInit) {
+    super(type, options);
+    this.dataTransfer = new DataTransferMock();
+  }
+}

targets/frontend/src/modules/informations/mapInformationToDocument.ts

@@ -48,7 +48,7 @@ export const mapInformationToDocument = async (
               blocks: await Promise.all(
                 blocks.map(async (block) => {
                   const htmlWithGlossary = await getGlossaryContent(
-                    "markdown",
+                    "html",
                     block.content ?? ""
                   );
                   return {