update 75 files

sample/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-	<meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>CKEditor 5 – classic editor build – development sample</title>
     <style>
       body {
@@ -11,31 +11,270 @@
     </style>
   </head>
   <body>
-
     <h1>CKEditor 5 – classic editor build – development sample</h1>
 
     <div id="editor">
-	<h2>Sample</h2>
+      <p>
-
+        33_ چگونه به والدین کمک می کنید تا خود و فرزندانشان را برای حضور در مرکز
-	<p>This is an instance of the <a href="https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/predefined-builds.html#classic-editor">classic editor build</a>.</p>
+        آماده کنند ؟
-
+      </p>
-	<figure class="image">
+      <p>&nbsp;</p>
-		<img src="../tests/manual/sample.jpg" alt="Autumn fields" />
+      <figure class="table">
+        <table>
+          <tbody>
+            <tr>
+              <td>&33;</td>
+              <td>&33;</td>
+              <td>&nbsp;</td>
+            </tr>
+            <tr>
+              <td>&nbsp;</td>
+              <td>&nb33sp;</td>
+              <td>&nbsp;</td>
+            </tr>
+            <tr>
+              <td>&nbsp;</td>
+              <td>&nbsp;</td>
+              <td>&nbsp;</td>
+            </tr>
+          </tbody>
+        </table>
       </figure>
-
-	<p>You can use this sample to validate whether your <a href="https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/custom-builds.html">custom build</a> works fine.</p>
     </div>
 
     <script src="../build/ckeditor.js"></script>
     <script>
-	ClassicEditor.create( document.querySelector( '#editor' ) )
+      const full = [
-		.then( editor => {
+        "fontFamily",
+        "heading",
+        "fontSize",
+        "|",
+        "fontColor",
+        "fontBackgroundColor",
+        "highlight",
+        "|",
+        "bold",
+        "italic",
+        "underline",
+        "strikethrough",
+        "|",
+        "bulletedList",
+        "numberedList",
+        "todoList",
+        "|",
+        "outdent",
+        "indent",
+        "alignment",
+        "|",
+        "code",
+        "codeBlock",
+        "|",
+        "superscript",
+        "subscript",
+        "|",
+        "undo",
+        "redo",
+        "blockQuote",
+        "horizontalLine",
+        "pageBreak",
+        "specialCharacters",
+        "|",
+        "link",
+        "imageInsert",
+        "insertTable",
+        "htmlEmbed",
+        "mediaEmbed",
+        "videoUpload",
+        "|",
+        "sourceEditing",
+        "|",
+        "findAndReplace",
+        "|",
+        "removeFormat",
+      ];
+      function uploadAdapter(loader) {
+        return {
+          upload: () => {
+            return new Promise(async (resolve, reject) => {
+              try {
+                console.log("upload");
+                // const file = await loader.file;
+
+                // let res = await upload({ file });
+                resolve({
+                  default: `https://azmoon.donap.ir/api/v1/file/${loader.file}`,
+                });
+              } catch (error) {
+                reject("Hello", error);
+              }
+            });
+          },
+          abort: () => {},
+        };
+      }
+      function uploadPlugin(editor) {
+        editor.plugins.get("FileRepository").createUploadAdapter = (loader) => {
+          return uploadAdapter(loader);
+        };
+      }
+      ClassicEditor.create(document.querySelector("#editor"), {
+        // removePlugins: [
+        //   "Video",
+        //   "VideoUpload",
+        //   "VideoResize",
+        //   "VideoToolbar",
+        //   "VideoStyle",
+        //   "VideoInsert",
+        // ],
+        video: {
+          upload: {
+            types: ["mp4"],
+            allowMultipleFiles: false,
+          },
+          styles: ["alignLeft", "alignCenter", "alignRight"],
+
+          // Configure the available video resize options.
+          resizeOptions: [
+            {
+              name: "videoResize:original",
+              label: "Original",
+              icon: "original",
+            },
+            {
+              name: "videoResize:50",
+              label: "50",
+              icon: "medium",
+            },
+            {
+              name: "videoResize:75",
+              label: "75",
+              icon: "large",
+            },
+          ],
+
+          // You need to configure the video toolbar, too, so it shows the new style
+          // buttons as well as the resize buttons.
+          toolbar: [
+            "videoStyle:alignLeft",
+            "videoStyle:alignCenter",
+            "videoStyle:alignRight",
+            "|",
+            "videoResize:50",
+            "videoResize:75",
+            "videoResize:original",
+          ],
+        },
+        toolbar: {
+          items: full,
+          shouldNotGroupWhenFull: true,
+        },
+        // mediaEmbed: {
+        //   previewsInData: true,
+        //   renderForEditingView: true,
+        //   AutoMediaEmbed: true,
+        //   elementName: "video",
+        //   providers: [
+        //     // {
+        //     //   name: "uploadVideo",
+        //     //   url: "/your-upload-video-endpoint",
+        //     //   uploadUrl: "/your-upload-video-url-endpoint",
+        //     //   supports: {
+        //     //     video: true,
+        //     //     audio: true,
+        //     //   },
+        //     //   html: (match) => {
+        //     //     let src = match.input;
+        //     //     return !src.includes(".mp3") && !src.includes(".wav")
+        //     //       ? `<video  width="320" height="240" controls src="${src}" type="video/mp4"></video>`
+        //     //       : `<audio  width="320"  controls src="${src}" type="audio/mp3"></audio>`;
+        //     //   },
+        //     // },
+        //     {
+        //       name: "uploadVideo",
+        //       url: /(?:\w+:)?\/\/[^\/]+([^?#]+)/,
+        //       html: (match) => {
+        //         let src = match.input;
+        //         return !src.includes("mp3")
+        //           ? `<video  width="320" height="240" controls src="${src}" type="video/mp4"></video>`
+        //           : `<audio  width="320"  controls src="${src}" type="audio/mp3"></audio>`;
+        //       },
+        //     },
+        //   ],
+        // },
+        htmlSupport: {
+          allow: [
+            {
+              name: /.*/,
+              attributes: true,
+              classes: true,
+              styles: true,
+            },
+          ],
+        },
+        htmlEmbed: {
+          showPreviews: true,
+        },
+        fullPage: false,
+        resize_enabled: true,
+        //   extraPlugins: [uploadPlugin],
+        fontSize: { options: [9, 11, 13, 16, 18, 20, 24, 30] },
+        removePlugins: ["Markdown", "FindAndReplace", "headings", "MediaEmbed"],
+        language: "fa",
+        heading: {
+          options: [
+            {
+              model: "heading1",
+              view: "h1",
+              title: "تیتر 1",
+              class: "ck-heading_heading1",
+            },
+            {
+              model: "heading2",
+              view: "h2",
+              title: "تیتر 2",
+              class: "ck-heading_heading2",
+            },
+            {
+              model: "paragraph",
+              title: "پاراگراف1",
+              class: "ck-heading_paragraph",
+            },
+          ],
+        },
+        fontFamily: {
+          options: [
+            "ضخامت1,font-1",
+            "ضخامت2,font-2",
+            "ضخامت3,font-3",
+            "ضخامت4,font-4",
+            "ضخامت5,font-5",
+            "ضخامت6,font-6",
+          ],
+          // options: [{ view: "font-1", model: "font-1", title: `test1` }],
+        },
+
+        image: {},
+        // \\\  plugins: [AutoVideo],
+        // video: {},
+        //   toolbar: [
+        //     "heading",
+        //     "|",
+        //     "bold",
+        //     "italic",
+        //     "link",
+        //     "bulletedList",
+        //     "numberedList",
+        //     "blockQuote",
+        //   ],
+        //   plugins: [Paste],
+        //   plugins: [PasteFromOffice],
+      })
+        .then((editor) => {
           window.editor = editor;
         })
-		.catch( error => {
+        .catch((error) => {
-			console.error( 'There was a problem initializing the editor.', error );
+          console.error("There was a problem initializing the editor.", error);
         });
     </script>
-
   </body>
 </html>

src/ckeditor.js

@@ -73,10 +73,10 @@ import Underline from "@ckeditor/ckeditor5-basic-styles/src/underline";
 import WordCount from "@ckeditor/ckeditor5-word-count/src/wordcount";
 import Video from "@visao/ckeditor5-video/src/video";
 import VideoUpload from "@visao/ckeditor5-video/src/videoupload";
-import VideoResize from "@visao/ckeditor5-video/src/videoresize";
+// import VideoResize from "@visao/ckeditor5-video/src/videoresize";
 import VideoToolbar from "@visao/ckeditor5-video/src/videotoolbar";
-import VideoStyle from "@visao/ckeditor5-video/src/videostyle";
+// import VideoStyle from "@visao/ckeditor5-video/src/videostyle";
-import VideoInsert from "@visao/ckeditor5-video/src/videoinsert";
+// import VideoInsert from "@visao/ckeditor5-video/src/videoinsert";
 export default class ClassicEditor extends ClassicEditorBase {}
 
 // Plugins to include in the build.
@@ -148,10 +148,10 @@ ClassicEditor.builtinPlugins = [
   WordCount,
   Video,
   VideoUpload,
-  VideoResize,
+  // VideoResize,
   VideoToolbar,
-  VideoStyle,
+  // VideoStyle,
-  VideoInsert,
+  // VideoInsert,
 ];
 
 // Editor configuration.
@@ -193,6 +193,8 @@ ClassicEditor.defaultConfig = {
       "|",
       "link",
       "imageInsert",
+      "videoUpload",
+      // "VideoInsert",
       "insertTable",
       "htmlEmbed",
       "mediaEmbed",
@@ -206,7 +208,6 @@ ClassicEditor.defaultConfig = {
       "undo",
       "redo",
       "|",
-      "videoUpload",
     ],
     shouldNotGroupWhenFull: true,
   },