Master

.gitignore

@@ -1 +1,2 @@
+.idea
 node_modules

visual-editor/src/components/Preview/Preview.tsx

@@ -43,17 +43,21 @@ export function Preview({ data, previewUrl }: PreviewProps) {
     }
 
     // On écrit le contenu dans l'iframe
-    const iframeDocument = iframe.current!.contentDocument!
-    iframeDocument.open()
-    iframeDocument.write(await r.text())
-    iframeDocument.close()
-    const root = iframeDocument.querySelector('#ve-components') as HTMLElement
-    initialHTML.current = Array.from(root.children).reduce(
-      (acc, v, k) => ({ ...acc, [data[k]!._id]: v.outerHTML }),
-      {}
-    )
-    root.innerHTML = ''
-    setIframeRoot(root)
+    try {
+      const iframeDocument = iframe.current!.contentDocument!
+      iframeDocument.open()
+      iframeDocument.write(await r.text())
+      iframeDocument.close()
+      const root = iframeDocument.querySelector('#ve-components') as HTMLElement
+      initialHTML.current = Array.from(root.children).reduce(
+          (acc, v, k) => ({ ...acc, [data[k]!._id]: v.outerHTML }),
+          {}
+      )
+      root.innerHTML = ''
+      setIframeRoot(root)
+    } catch (e) {
+      return
+    }
   }, [])
 
   const previewMode = usePreviewMode()

visual-editor/src/fields/TextAlign.tsx

@@ -30,14 +30,14 @@ const Component: FieldComponent<FieldArgs, string> = ({
   options,
 }) => {
   const alignements = Object.keys(AlignmentIcons) as FieldValue[]
-  const id = useUniqId()
+  const id = useUniqId('textaligninput')
   return (
     <Field label={options.label}>
       <AlignmentButtons>
         {alignements.map((alignment) => (
           <AlignmentButton<FieldValue>
             key={alignment}
-            name={id}
+            id={id}
             value={alignment}
             checked={value === alignment}
             onChange={onChange}

visual-editor/src/fields/shared/AlignmentButton.tsx

@@ -1,14 +1,13 @@
 import type { FunctionComponent } from 'react'
 import styled from '@emotion/styled'
 import { capitalize } from 'src/functions/string'
-import { prevent } from 'src/functions/functions'
 
 type Props<T extends unknown> = {
   value: T
   checked: boolean
   icon: FunctionComponent
   onChange: (v: T) => void
-  name?: string
+  id?: string
 }
 
 export function AlignmentButton<T extends unknown>({