From d937bc65308f042afa4b72ed32b5d7f8065eaec4 Mon Sep 17 00:00:00 2001
From: RXRD <lilixinxin@protonmail.com>
Date: Sat, 26 Aug 2023 16:03:09 +0700
Subject: [PATCH] Update Editor.tsx

---
 src/components/common/CKEditor/Editor.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/common/CKEditor/Editor.tsx b/src/components/common/CKEditor/Editor.tsx
index 39104efd6..ad8a25381 100644
--- a/src/components/common/CKEditor/Editor.tsx
+++ b/src/components/common/CKEditor/Editor.tsx
@@ -37,6 +37,7 @@ export const Editor: React.FC<EditorProps> = props => {
   const styles = useStyles({ mobile, counter: true });
   const [modalOpen, setModalOpen] = useState(false);
   const [uploadedVideos, setUploadedVideos] = useState([]);
+  const [editorData, setEditorData] = useState('') ;
   const handleUploadButtonClick = () => {
     setModalOpen(true);
   };
@@ -96,6 +97,8 @@ export const Editor: React.FC<EditorProps> = props => {
 
     setUploadedVideos([...uploadedVideos, videoURL]);
     setModalOpen(false);
+    const dataWithVideo = editorData + `<video controls src='${videoURL}'>your browser does not support video</video>` ;
+    onChange(dataWithVideo , false)
   };
 
   return (
@@ -116,7 +119,11 @@ export const Editor: React.FC<EditorProps> = props => {
             });
         }}
         onChange={(event, editor) => {
-          const data = editor.getData();
+          var data = editor.getData();
+          if (uploadedVideos.length !== 0) {         
+            data = data + `<video controls src='${uploadedVideos[0]}'>your browser does not support video</video>` ;
+          }
+          setEditorData(data);
 
           onChange(data, false);
         }}