perf: delete tinymce useless style files

public/resource/tinymce/skins/content/default/content.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-body {
-  margin: 1rem;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  line-height: 1.4;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-table th,
-table td {
-  padding: 0.4rem;
-  border: 1px solid #ccc;
-}
-
-figure {
-  display: table;
-  margin: 1rem auto;
-}
-
-figure figcaption {
-  display: block;
-  margin-top: 0.25rem;
-  color: #999;
-  text-align: center;
-}
-
-hr {
-  border-color: #ccc;
-  border-style: solid;
-  border-width: 1px 0 0 0;
-}
-
-code {
-  padding: 0.1rem 0.2rem;
-  background-color: #e8e8e8;
-  border-radius: 3px;
-}
-
-.mce-content-body:not([dir=rtl]) blockquote {
-  padding-left: 1rem;
-  margin-left: 1.5rem;
-  border-left: 2px solid #ccc;
-}
-
-.mce-content-body[dir=rtl] blockquote {
-  padding-right: 1rem;
-  margin-right: 1.5rem;
-  border-right: 2px solid #ccc;
-}
\ No newline at end of file

public/resource/tinymce/skins/content/default/content.min.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-body{margin: 1rem;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height: 1.4;}
-
-table{border-collapse: collapse;}
-
-table td,table th{padding: .4rem;border: 1px solid #ccc;}
-
-figure{display: table;margin: 1rem auto;}
-
-figure figcaption{display: block;margin-top: .25rem;color: #999;text-align: center;}
-
-hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
-
-code{padding: .1rem .2rem;background-color: #e8e8e8;border-radius: 3px;}
-
-.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
-
-.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}

public/resource/tinymce/skins/content/document/content.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-@media screen {
-  html {
-    background: #f4f4f4;
-  }
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-}
-@media screen {
-  body {
-    max-width: 820px;
-    min-height: calc(100vh - 1rem);
-    padding: 4rem 6rem 6rem 6rem;
-    margin: 1rem auto 0;
-    background-color: #fff;
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-    box-sizing: border-box;
-  }
-}
-
-table {
-  border-collapse: collapse;
-}
-
-table th,
-table td {
-  padding: 0.4rem;
-  border: 1px solid #ccc;
-}
-
-figure figcaption {
-  margin-top: 0.25rem;
-  color: #999;
-  text-align: center;
-}
-
-hr {
-  border-color: #ccc;
-  border-style: solid;
-  border-width: 1px 0 0 0;
-}
-
-.mce-content-body:not([dir=rtl]) blockquote {
-  padding-left: 1rem;
-  margin-left: 1.5rem;
-  border-left: 2px solid #ccc;
-}
-
-.mce-content-body[dir=rtl] blockquote {
-  padding-right: 1rem;
-  margin-right: 1.5rem;
-  border-right: 2px solid #ccc;
-}
\ No newline at end of file

public/resource/tinymce/skins/content/document/content.min.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-@media screen{html{background: #f4f4f4;}}
-
-body{font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;}@media screen{body{max-width: 820px;min-height: calc(100vh - 1rem);padding: 4rem 6rem 6rem 6rem;margin: 1rem auto 0;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,.15);box-sizing: border-box;}}
-
-table{border-collapse: collapse;}
-
-table td,table th{padding: .4rem;border: 1px solid #ccc;}
-
-figure figcaption{margin-top: .25rem;color: #999;text-align: center;}
-
-hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
-
-.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
-
-.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}

public/resource/tinymce/skins/content/writer/content.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-body {
-  max-width: 900px;
-  margin: 1rem auto;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  line-height: 1.4;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-table th,
-table td {
-  padding: 0.4rem;
-  border: 1px solid #ccc;
-}
-
-figure {
-  display: table;
-  margin: 1rem auto;
-}
-
-figure figcaption {
-  display: block;
-  margin-top: 0.25rem;
-  color: #999;
-  text-align: center;
-}
-
-hr {
-  border-color: #ccc;
-  border-style: solid;
-  border-width: 1px 0 0 0;
-}
-
-code {
-  padding: 0.1rem 0.2rem;
-  background-color: #e8e8e8;
-  border-radius: 3px;
-}
-
-.mce-content-body:not([dir=rtl]) blockquote {
-  padding-left: 1rem;
-  margin-left: 1.5rem;
-  border-left: 2px solid #ccc;
-}
-
-.mce-content-body[dir=rtl] blockquote {
-  padding-right: 1rem;
-  margin-right: 1.5rem;
-  border-right: 2px solid #ccc;
-}
\ No newline at end of file

public/resource/tinymce/skins/content/writer/content.min.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-body{max-width: 900px;margin: 1rem auto;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height: 1.4;}
-
-table{border-collapse: collapse;}
-
-table td,table th{padding: .4rem;border: 1px solid #ccc;}
-
-figure{display: table;margin: 1rem auto;}
-
-figure figcaption{display: block;margin-top: .25rem;color: #999;text-align: center;}
-
-hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
-
-code{padding: .1rem .2rem;background-color: #e8e8e8;border-radius: 3px;}
-
-.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
-
-.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}

public/resource/tinymce/skins/ui/oxide-dark/content.mobile.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
-  position: absolute;
-  display: inline-block;
-
-  /* Note: this file is used inside the content, so isn't part of theming */
-  background-color: green;
-  opacity: 0.5;
-}
-
-body {
-  -webkit-text-size-adjust: none;
-}
-
-body img {
-  /* this is related to the content margin */
-  max-width: 96vw;
-}
-
-body table img {
-  max-width: 95%;
-}
-
-body {
-  font-family: sans-serif;
-}
-
-table {
-  border-collapse: collapse;
-}
\ No newline at end of file

public/resource/tinymce/skins/ui/oxide/content.mobile.css

-/**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- */
-.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
-  position: absolute;
-  display: inline-block;
-
-  /* Note: this file is used inside the content, so isn't part of theming */
-  background-color: green;
-  opacity: 0.5;
-}
-
-body {
-  -webkit-text-size-adjust: none;
-}
-
-body img {
-  /* this is related to the content margin */
-  max-width: 96vw;
-}
-
-body table img {
-  max-width: 95%;
-}
-
-body {
-  font-family: sans-serif;
-}
-
-table {
-  border-collapse: collapse;
-}
\ No newline at end of file

src/components/Tinymce/src/Editor.vue

@@ -107,12 +107,10 @@
           branding: false,
           default_link_target: '_blank',
           link_title: false,
-          advlist_bullet_styles: 'square',
-          advlist_number_styles: 'default',
           object_resizing: false,
           skin: 'oxide',
           skin_url: 'resource/tinymce/skins/ui/oxide',
-          content_css: 'resource/tinymce/skins/content/default/content.css',
+          content_css: 'resource/tinymce/skins/ui/oxide/content.min.css',
           ...options,
           setup: (editor: any) => {
             editorRef.value = editor;

src/components/Tinymce/src/tinymce.ts

 import tinymce from 'tinymce/tinymce';
-import 'tinymce/skins/ui/oxide/skin.min.css';
 import 'tinymce/themes/silver';
 
 import 'tinymce/icons/default/icons';
-import 'tinymce/themes/mobile';
-import 'tinymce/plugins/emoticons';
-import 'tinymce/plugins/emoticons/js/emojis';
 import 'tinymce/plugins/advlist';
 import 'tinymce/plugins/anchor';
 import 'tinymce/plugins/autolink';
@@ -15,8 +11,6 @@ import 'tinymce/plugins/codesample';
 import 'tinymce/plugins/directionality';
 import 'tinymce/plugins/fullscreen';
 import 'tinymce/plugins/hr';
-import 'tinymce/plugins/image';
-import 'tinymce/plugins/imagetools';
 import 'tinymce/plugins/insertdatetime';
 import 'tinymce/plugins/link';
 import 'tinymce/plugins/lists';
@@ -44,12 +38,12 @@ import 'tinymce/plugins/wordcount';
 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration
 
 export const plugins = [
-  'advlist anchor autolink autosave code codesample  directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template  textpattern visualblocks visualchars wordcount',
+  'advlist anchor autolink autosave code codesample  directionality  fullscreen hr insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template  textpattern visualblocks visualchars wordcount',
 ];
 
 export const toolbar = [
   'fontsizeselect lineheight searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat subscript superscript code codesample',
-  'hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen',
+  'hr bullist numlist link  preview anchor pagebreak insertdatetime media table  forecolor backcolor fullscreen',
 ];
 
 export { tinymce };

vite.config.ts

@@ -69,7 +69,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
       },
       // Turning off brotliSize display can slightly reduce packaging time
       brotliSize: false,
-      chunkSizeWarningLimit: 1200,
+      chunkSizeWarningLimit: 1500,
     },
     define: {
       // setting vue-i18-next