@jx3box/jx3box-editor 1.8.8 → 1.9.0

package/public/css/article.less

@@ -0,0 +1,3 @@
+@import '../../node_modules/@jx3box/jx3box-common/css/var.less';
+@import '../../node_modules/csslab/base.less';
+@import '../../assets/css/article.less';

package/public/tinymce.html

@@ -7,7 +7,7 @@
         <meta name="renderer" content="webkit" />
         <title><%= htmlWebpackPlugin.options.title %></title>
         <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
-        <script src="https://oss.jx3box.com/static/tinymce/tinymce.min.js?v=1.8.8"></script>
+        <script src="https://oss.jx3box.com/static/tinymce/tinymce.min.js?v=1.8.9"></script>
         <!-- TODO: -->
         <!-- <script src="http://localhost:3000/tinymce.min.js"></script> -->
     </head>

package/src/Tinymce.vue

@@ -63,7 +63,7 @@ export default {
 
                 // 样式
                 // TODO:
-                content_css: `https://oss.jx3box.com/static/tinymce/skins/content/default/content.min.css`,
+                content_css: process.env.VUE_APP_DEV_COMPONENT == 'true' ? '/css/article.css' : `https://oss.jx3box.com/static/jx3box-editor/css/article.css`,
                 // content_css: `http://localhost:3000/skins/content/default/content.min.css`,
                 body_class: "c-article c-article-editor c-article-tinymce",
                 height: this.height || 800,
@@ -205,7 +205,9 @@ export default {
             tinyMCE.editors["tinymce"].insertContent(IMAGE)
         },
     },
-    mounted: function() {},
+    mounted: function() {
+        console.log(process.env)
+    },
     components: {
         Editor,
         Upload,

package/vue.config.js

@@ -1,34 +1,35 @@
 const path = require('path');
 const pkg = require("./package.json");
 const { JX3BOX } = require("@jx3box/jx3box-common");
+const webpack = require('webpack')
 
 module.exports = {
 
     //❤️ Multiple pages ~
-    pages:{
-        article : {
-            title : '文章内容渲染',
-            entry:'demo/A.js',
-            template : 'public/article.html',
-            filename:'index.html',
+    pages: {
+        article: {
+            title: '文章内容渲染',
+            entry: 'demo/A.js',
+            template: 'public/article.html',
+            filename: 'index.html',
         },
-        tinymce : {
-            title : 'Tinymce编辑器',
-            entry:'demo/T.js',
-            template : 'public/tinymce.html',
-            filename:'tinymce/index.html',
+        tinymce: {
+            title: 'Tinymce编辑器',
+            entry: 'demo/T.js',
+            template: 'public/tinymce.html',
+            filename: 'tinymce/index.html',
         },
-        markdown : {
-            title : 'Markdown编辑器',
-            entry:'demo/M.js',
-            template : 'public/article.html',
-            filename:'markdown/index.html',
+        markdown: {
+            title: 'Markdown编辑器',
+            entry: 'demo/M.js',
+            template: 'public/article.html',
+            filename: 'markdown/index.html',
         },
-        article_markdown : {
-            title : 'Markdown文章内容渲染',
-            entry:'demo/MarkdownArticleDemo.js',
-            template : 'public/article.html',
-            filename:'article_markdown/index.html',
+        article_markdown: {
+            title: 'Markdown文章内容渲染',
+            entry: 'demo/MarkdownArticleDemo.js',
+            template: 'public/article.html',
+            filename: 'article_markdown/index.html',
         },
     },
 
@@ -39,26 +40,26 @@ module.exports = {
         (process.env.NODE_ENV === 'development' && '/') ||
 
         //BY origin
-        (process.env.STATIC_PATH === "origin" && `${JX3BOX.__staticPath["origin"]}${pkg.name}/`) || 
+        (process.env.STATIC_PATH === "origin" && `${JX3BOX.__staticPath["origin"]}${pkg.name}/`) ||
 
         //BY github
-        (process.env.STATIC_PATH === "github" && `${JX3BOX.__staticPath["github"]}${pkg.name}/`) || 
+        (process.env.STATIC_PATH === "github" && `${JX3BOX.__staticPath["github"]}${pkg.name}/`) ||
 
         //BY jsdelivr
-        (process.env.STATIC_PATH === "jsdelivr" && `${JX3BOX.__staticPath["jsdelivr"]}${pkg.name}@gh-pages/`) || 
+        (process.env.STATIC_PATH === "jsdelivr" && `${JX3BOX.__staticPath["jsdelivr"]}${pkg.name}@gh-pages/`) ||
 
         //BY OSS=>CDN
         (process.env.STATIC_PATH === "mirror" && `${JX3BOX.__staticPath["mirror"]}${pkg.name}/`) ||
 
         //BY relative path
-        (process.env.STATIC_PATH === "repo" && `/${pkg.name}/`) || 
+        (process.env.STATIC_PATH === "repo" && `/${pkg.name}/`) ||
 
         //BY root path or bind a domain
-        (process.env.STATIC_PATH == 'root' && '/') || 
+        (process.env.STATIC_PATH == 'root' && '/') ||
 
         //for lost
         '/',
-    
+
     //❤️ Porxy ~
     devServer: {
         proxy: {
@@ -70,13 +71,13 @@ module.exports = {
             },
             "/api/team": {
                 target: "https://team.api.jx3box.com",
-                onProxyReq: function(request) {
+                onProxyReq: function (request) {
                     request.setHeader("origin", "");
                 },
             },
             "/api": {
                 target: "https://next2.jx3box.com",
-                onProxyReq: function(request) {
+                onProxyReq: function (request) {
                     request.setHeader("origin", "");
                 },
             },
@@ -107,8 +108,8 @@ module.exports = {
 
         //💝 in-line svg imgs ~
         config.module
-			.rule("vue")
-			.use("vue-svg-inline-loader")
+            .rule("vue")
+            .use("vue-svg-inline-loader")
             .loader("vue-svg-inline-loader")
 
 
@@ -120,14 +121,14 @@ module.exports = {
             path.resolve(__dirname, './node_modules/@jx3box/jx3box-common/css/var.less'),
             // path.resolve(__dirname, './src/assets/css/var.less')
         )
-        function addStyleResource (rule) {
+        function addStyleResource(rule) {
             rule.use('style-resource')
-              .loader('style-resources-loader')
-              .options({
-                patterns: preload_styles,
-            })
+                .loader('style-resources-loader')
+                .options({
+                    patterns: preload_styles,
+                })
         }
         types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)));
 
-    }
+    },
 };