fix:优化部分bug

tinymce-plugin · Nov 7, 2022 · 49c51fd · 49c51fd
1 parent 4c69c97
commit 49c51fd
Show file tree

Hide file tree

Showing 22 changed files with 847 additions and 2,491 deletions.
diff --git a/__docs__/quickStart.md b/__docs__/quickStart.md
@@ -28,7 +28,6 @@ sort: 5
 ```
 ### NPM
 
-
 #### 下载 tinymce-plugin 
 <codeGroup>
  <codeGroupItem title="NPM" active>

diff --git a/__docs__/tpImporatwordDemo.md b/__docs__/tpImporatwordDemo.md
@@ -48,7 +48,7 @@ title: 插件demo
     <script src='/tinymce/tinymce.js'></script>
     <script src="/tinymce/tinymce-plugin.js"></script>
     <script src="https://unpkg.com/tinymce-plugin/langs/zh_CN.js"></script>
-    <script src="https://unpkg.com/tinymce-plugin/plugins/tpImportword/plugin.min.js"></script>    
+    <script src="https://unpkg.com/tinymce-plugin/plugins/tpLayout/plugin.min.js"></script>    
   </head>
   <body tp-page-height="298">
     <div>
@@ -66,12 +66,12 @@ title: 插件demo
         selector: 'textarea.tinymce',
         language: 'zh_CN',
         skeletonScreen: true,
-        plugins: 'code tpImportword autoresize',
-        toolbar: 'code tpImportword'
+        plugins: 'code tpLayout autoresize',
+        toolbar: 'code tpLayout'
         });
 
      var openPlugin=()=>{
-       tinymce.activeEditor.execCommand('mceTpImportword');
+       tinymce.activeEditor.execCommand('mceTpLayout');
      }
     </script>
   </body>
@@ -101,7 +101,7 @@ title: 插件demo
 import tinymce from "tinymce";
 import "tinymce-plugin";
 import TinymceVue from "@tinymce-plugin/tinymce-vue";
-import "tinymce-plugin/plugins/tpImportword/plugin.js";
+import "tinymce-plugin/plugins/tpLayout/plugin.js";
 export default{
 name: 'domeVue3',
 components: { TinymceVue },
@@ -113,8 +113,8 @@ data(){
                 max_height: 700,
                 skeletonScreen: true,
                 base_url:'/tinymce',
-                plugins: 'code tpImportword preview autoresize',
-                toolbar: 'code tpImportword preview',
+                plugins: 'code tpLayout preview autoresize',
+                toolbar: 'code tpLayout preview',
              
         }
     }
@@ -141,7 +141,7 @@ data(){
 <script>
 import tinymce from "tinymce";
 import "tinymce-plugin";
-import "tinymce-plugin/plugins/tpImportword/plugin.js";
+import "tinymce-plugin/plugins/tpLayout/plugin.js";
 import TinymceVue from "@tinymce-plugin/tinymce-vue";
 export default{
 name: 'domeVue2',
@@ -174,7 +174,6 @@ import ReactDOM from 'react-dom';
 import tinymce from "tinymce";
 import "tinymce-plugin";
 import "tinymce-plugin/plugins/tpIndent2em/plugin.js";
-import "tinymce-plugin/plugins/tpImportword/plugin.js";
 import { Editor } from '@tinymce/tinymce-react';
 
      class ReactDemo extends React.Component{

diff --git a/demo/demo.ts b/demo/demo.ts
@@ -1,7 +1,7 @@
 
 
-import  "tinymce/skins/ui/oxide/skin.min.css"
-import  "tinymce/skins/ui/oxide/content.min.css"
+// import  "tinymce/skins/ui/oxide/skin.min.css"
+// import  "tinymce/skins/ui/oxide/content.min.css"
 import  tinymce, { Editor } from "tinymce"
 import  "tinymce-plugin"
 import  "tinymce-plugin/langs/zh_CN"
@@ -28,10 +28,10 @@ import plugin from "../src/main"
   tinymce.init({
     selector: 'div#mytextarea',
     menubar: 'file edit  insert view format table tools help mymenubar',
-    skin: false,
+    // skin: false,
     tp_i18n: true,
     tp_i18n_langs: true,
-    content_css: false,
+    // content_css: false,
     language: 'en',
     external_plugins:{
         image: "/tinymce/plugins/image/plugin.js"
@@ -41,10 +41,16 @@ import plugin from "../src/main"
         mymenubar: {title: 'Extension', items: `${plugin.opt.registryName}`+' tpI18n' },
     },
     min_height:240,
-    object_resizing: 'img span.data-tp-logicflow',
     // skeletonScreen: true,
-    plugins: `code ${plugin.opt.registryName}`,
-    toolbar: `code ${plugin.opt.registryName} image`,
+    base_url:"/tinymce",
+    plugins: `code ${plugin.opt.registryName} image imagetools`,
+    toolbar: `code ${plugin.opt.registryName} image imagetools`,
+    images_upload_handler: function (blobInfo, succFun, failFun) {
+      var file = blobInfo.blob();
+        var DOMURL = window.URL || window.webkitURL || window;
+        succFun(DOMURL.createObjectURL(file))
+        // succFun("https://github.com/five-great")
+   },
   })
 });
        //@ts-ignore