@jx3box/jx3box-editor 2.2.48 → 3.0.1

package/config/global.js

@@ -0,0 +1,79 @@
+module.exports = {
+
+    // 编辑器
+    /*------------------*/
+    plugins: [
+        "link autolink",
+        "hr lists advlist table codeinline codesample checklist foldtext latex anchor",
+        "image emoticons media videox macro qixue talent2 pz audiox",
+        "code fullscreen wordcount powerpaste pagebreak printpage",
+    ],
+    toolbar: [
+        "undo | formatselect | fontsizeselect | forecolor backcolor | bold italic underline strikethrough superscript subscript | link unlink | fullscreen code", //restoredraft
+
+        "removeformat | hr alignleft aligncenter alignright alignjustify indent outdent | bullist numlist checklist table blockquote foldtext codeinline codesample latex | emoticons image media videox audiox | macro pz qixue talent2 pagebreak printpage", // template anchor jx3icon
+
+    ],
+    mobile: {
+        toolbar_drawer: true,
+        toolbar: [
+            "undo emoticons bold forecolor backcolor removeformat pagebreak fullscreen",
+            "hr alignleft aligncenter alignright alignjustify indent outdent bullist numlist checklist table blockquote codesample latex media",
+        ],
+    },
+    color_map: [
+        "FF99CC",
+        "浅粉",
+        "FF3399",
+        "深粉",
+        "FF0000",
+        "正红",
+        "CC99FF",
+        "紫色",
+        "9933ff",
+        "深紫",
+
+        "FFFF99",
+        "浅黄",
+        "FFFF00",
+        "金黄",
+        "FFCC00",
+        "亮黄",
+        "FFCC99",
+        "浅桃",
+        "FF6600",
+        "橘色",
+
+        "CCFFCC",
+        "浅绿",
+        "9bf915",
+        "荧光绿",
+        "00FF00",
+        "辣眼绿",
+        "49c10f",
+        "深绿",
+        "008080",
+        "深青",
+
+        "CCFFFF",
+        "浅蓝",
+        "00FFFF",
+        "参考线",
+        "00CCFF",
+        "天蓝",
+        "99CCFF",
+        "蔚蓝",
+        "0000FF",
+        "辣眼蓝",
+
+        "4f46e5",
+        "靛蓝色",
+        "CC0000",
+        "深红",
+    ],
+
+    // 上传组件
+    /*------------------*/
+    imgTypes: ["jpg", "png", "gif", "bmp", "webp", "jpeg", "heic", "heif", "avif", "tif", "tiff","svg"],
+    videoTypes: ["mp4", "mov", "avi", "flv", "3gp", "wmv", "mkv", "webm", "m4v"]
+}

package/config/global.less

@@ -0,0 +1,16 @@
+// 主题色（链接等）
+// 旧主题色
+// @primary:#0366d6;
+@primary:#4f46e5;
+
+// 文字颜色（黑底、白底）
+@color: #3d454d;
+
+// 适配
+@smallpc: 1680px; //21寸显示器
+@notebook: 1440px; //笔记本电脑
+@mininote: 1280px; //小屏笔记本
+@ipad: 1133px; //平板，适配到8.3mini6
+@ipad-y: 1023px; //竖屏
+@phone: 720px; //手机
+@ip5: 374px; //iphone5超小屏

package/index.js

@@ -1,15 +1,28 @@
-import Article from './src/Article.vue'
+// TODO:上传等组件
+import Article from "./src/Article.vue";
+import Buff from "./src/Buff.vue";
+import GameText from "./src/GameText.vue";
+import Item from "./src/Item.vue";
+import ItemSimple from "./src/ItemSimple.vue";
+import Npc from "./src/Npc.vue";
+import Skill from "./src/Skill.vue";
 
 const components = {
     Article,
-}
+    Buff,
+    GameText,
+    Item,
+    ItemSimple,
+    Npc,
+    Skill,
+};
 
 const install = function (Vue, Option) {
-     Object.keys(components).forEach((key) => {
-        Vue.component(components[key].name, components[key])
-    })
-}
+    Object.keys(components).forEach((key) => {
+        Vue.component(components[key].name, components[key]);
+    });
+};
 
 export default {
-    install
-}
+    install,
+};

package/package.json

@@ -1,89 +1,90 @@
 {
     "name": "@jx3box/jx3box-editor",
-    "version": "2.2.48",
+    "version": "3.0.1",
     "description": "JX3BOX Article & Editor",
     "main": "index.js",
     "scripts": {
-        "dev": "env DEV_SERVER=true vue-cli-service serve",
-        "serve": "vue-cli-service serve",
-        "less": "less-watch-compiler public/css public/css",
-        "build": "vue-cli-service build",
+        "dev": "npm run dev:vue & npm run dev:tinymce",
+        "dev:vue": "vue-cli-service serve",
+        "dev:tinymce": "serve -l 5120 ./tinymce",
+        "serve": "npm run dev",
+        "build": "npx lessc -x ./tinymce/skins/content/default/content.less ./tinymce/skins/content/default/content.min.css",
         "lint": "vue-cli-service lint",
-        "inspect": "vue inspect > output.js",
-        "update": "npm --registry https://registry.npmjs.org install @jx3box/jx3box-common@latest @jx3box/jx3box-macro@latest @jx3box/jx3box-talent@latest @jx3box/jx3box-emotion@latest @jx3box/jx3box-data@latest @jx3box/markdown@latest",
-        "article": "vue-cli-service build --target lib --name jx3box_article src/Article.vue --mode production",
-        "tinymce": "vue-cli-service build --target lib --name tinymce src/Tinymce.vue && cp public/tinymce.html dist/tinymce.html"
+        "update": "npm --registry https://registry.npmjs.org install @jx3box/jx3box-common@latest @jx3box/jx3box-data@latest @jx3box/jx3box-macro@latest @jx3box/jx3box-talent@latest @jx3box/jx3box-emotion@latest"
     },
-    "eslintConfig": {
-        "root": true,
-        "env": {
-            "node": true
-        },
-        "extends": [
-            "plugin:vue/essential"
-        ],
-        "rules": {},
-        "parserOptions": {
-            "parser": "babel-eslint"
-        }
-    },
-    "browserslist": [
-        "> 1%",
-        "last 2 versions"
-    ],
     "dependencies": {
-        "@jx3box/jx3box-common": "^8.7.4",
-        "@jx3box/jx3box-data": "^3.8.9",
-        "@jx3box/jx3box-emotion": "^1.2.14",
-        "@jx3box/jx3box-macro": "^1.0.1",
-        "@jx3box/jx3box-talent": "^1.3.11",
-        "@jx3box/markdown": "^0.1.5",
-        "@tinymce/tinymce-vue": "^3.2.2",
+        "@element-plus/icons-vue": "^2.0.10",
+        "@imengyu/vue3-context-menu": "^1.5.4",
+        "@jx3box/jx3box-common": "^9.1.1",
+        "@jx3box/jx3box-data": "^3.9.2",
+        "@jx3box/jx3box-emotion": "^1.3.0",
+        "@jx3box/jx3box-macro": "^1.0.3",
+        "@jx3box/jx3box-talent": "^1.3.12",
+        "@tinymce/tinymce-vue": "^5.0.0",
         "axios": "^0.19.2",
         "cheerio": "^1.1.2",
-        "core-js": "^3.6.5",
-        "csslab": "^4.0.3",
-        "dayjs": "^1.10.7",
-        "element-ui": "^2.13.2",
+        "dayjs": "^1.11.19",
+        "element-plus": "^2.2.29",
+        "github-markdown-css": "^5.9.0",
         "hevue-img-preview": "^5.0.0",
-        "highlight.js": "^11.3.1",
+        "highlight.js": "^11.7.0",
         "jquery": "^3.5.1",
         "js-base64": "^3.6.1",
-        "katex": "^0.13.0",
-        "lodash": "^4.17.15",
+        "katex": "^0.16.4",
+        "lodash": "^4.17.21",
         "photoswipe": "^4.1.2",
-        "postcss": "^8.5.6",
-        "postcss-safe-parser": "^7.0.1",
-        "prismjs": "^1.20.0",
         "sanitize-html": "^2.17.0",
         "sortablejs": "^1.15.0",
-        "vue": "^2.6.11",
-        "vue-contextmenujs": "^1.4.9",
-        "vue-gallery-slideshow": "^1.5.2",
-        "vue-photoswipe.js": "^2.0.23",
+        "uuid": "^9.0.1",
+        "vditor": "^3.11.2",
+        "viewerjs": "^1.11.6",
+        "vue": "^3.2.13",
         "vue-plugin-load-script": "^1.3.6",
-        "vuedraggable": "^2.24.3",
+        "vuedraggable": "^4.1.0",
         "xss": "^1.0.8"
     },
     "devDependencies": {
-        "@babel/plugin-proposal-optional-chaining": "^7.16.5",
-        "@vue/cli-plugin-babel": "~4.3.0",
-        "@vue/cli-plugin-eslint": "~4.3.0",
-        "@vue/cli-plugin-vuex": "^4.0.0",
-        "@vue/cli-service": "~4.3.0",
-        "babel-eslint": "^10.1.0",
-        "eslint": "^6.7.2",
-        "eslint-plugin-vue": "^6.2.2",
-        "less": "^3.0.4",
-        "less-loader": "^5.0.0",
+        "@babel/core": "^7.12.16",
+        "@babel/eslint-parser": "^7.12.16",
+        "@typescript-eslint/eslint-plugin": "^5.31.0",
+        "@typescript-eslint/parser": "^5.31.0",
+        "@vue/cli-plugin-babel": "~5.0.0",
+        "@vue/cli-plugin-eslint": "~5.0.0",
+        "@vue/cli-plugin-typescript": "~5.0.0",
+        "@vue/cli-service": "~5.0.0",
+        "@vue/eslint-config-typescript": "^11.0.0",
+        "babel-loader": "^8.2.5",
+        "csslab": "^6.0.1",
+        "eslint": "^7.32.0",
+        "eslint-plugin-vue": "^9.3.0",
+        "husky": "^8.0.0",
+        "less": "^3.11.1",
+        "less-loader": "^11.0.0",
         "less-watch-compiler": "^1.16.3",
-        "style-resources-loader": "^1.3.3",
-        "vue-cli-plugin-element": "~1.0.1",
-        "vue-svg-inline-loader": "^1.4.6",
-        "vue-template-compiler": "^2.6.11"
+        "lint-staged": "^13.0.2",
+        "postcss": "^8.5.6",
+        "postcss-safe-parser": "^7.0.1",
+        "prettier": "2.7.1",
+        "sass": "^1.97.3",
+        "sass-loader": "^16.0.7",
+        "serve": "^14.2.0",
+        "style-resources-loader": "^1.5.0",
+        "typescript": "~4.5.5",
+        "unplugin-vue-define-options": "^1.2.1",
+        "url": "^0.11.0",
+        "vue-svg-inline-loader": "^2.1.3"
+    },
+    "browserslist": [
+        "> 1%",
+        "last 2 versions",
+        "not dead",
+        "not ie 11"
+    ],
+    "lint-staged": {
+        "**/*": "prettier --write --ignore-unknown"
     },
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/JX3BOX/jx3box-editor.git"
+        "url": "git+https://github.com/iruxu/iruxu-editor.git"
     }
 }

package/readme.md

@@ -1,107 +1,33 @@
-# Article & Editor
+## 组件清单
 
-# Dev
-```
-$ npm install 
-$ npm run serve
-$ open http://localhost:8080  //文章渲染
-$ open http://localhost:8080/tinymce  //tinymce编辑器
-$ open http://localhost:8080/markdown  //markdown编辑器
-$ tinymce http://localhost:5000
-```
+名称|说明|是否支持全局注册
+---|---|---
+Article|文章详情|✅
+Tinymce|编辑器|❌
+Markdown|MD编辑器|❌
+Upload|上传(按钮+弹窗)|❌
+UploadAlbum|上传(仅图片)|❌
+BoxResource|魔盒资源|❌
+Resource|剑三资源|❌
+---|---|---
+Buff|剑三Buff|✅
+Skill|剑三Skill|✅
+Item|剑三物品|✅
+ItemSimple|剑三物品(简化)|✅
+Npc|剑三NPC|✅
+GameText|剑三文字|✅
 
-## Step.1 Install
 
-```
-npm install @jx3box/jx3box-editor
-```
+## 组件文档
++ [Article](./docs/article.md)
++ [Tinymce](./docs/tinymce.md)
++ [Markdown](./docs/markdown.md)
++ [Upload](./docs/upload.md)
 
-## Step.2 Import
 
--   指定模块
-
-```javascript
-import Article from "@jx3box/jx3box-editor/src/Article.vue";
-import Tinymce from "@jx3box/jx3box-editor/src/Tinymce.vue";
-//import Markdown from "@jx3box/jx3box-article/src/Markdown.vue"
+## 开发
 ```
-
-## Step.3 Usage
-
-文章
-
-```html
-<article :content="content" directorybox="#directory" />
-```
-
-编辑器
-
-```html
-<script src="https://cdn.jx3box.com/static/tinymce/tinymce.min.js?v=$version"></script>
-<Tinymce
-    v-model="content"
-    :attachmentEnable="true"
-    :resourceEnable="true"
-    :height="300"
-/>
+$ npm install
+$ npm run dev //本地调试
 ```
 
-批量附件上传插入/资源快捷查询插入
-
-```html
-<Upload @insert="insertWhere" @update="getList" @htmlUpdate="getHTML" />
-<Resource @insert="insertWhere" @update="getHTML" />
-```
-
----
-
-# 页面远程引入文章渲染模块
-
-1. head标签：头部引入文件
-   注意应带上查询参数以防本地缓存，版本号请读取https://github.jx3box.com/jx3box-editor/package.json中的version  
-   app 启动的时候读一次存到本地就可以，之后本地页面可以直接使用对应版本号。  
-   后续 11 月会新增一个文本物品浮层功能（关联物品百科）。
-
-```html
-<script src="https://cdn.jx3box.com/static/jx3box-lib/vue.js?v="></script>
-<script src="https://cdn.jx3box.com/static/jx3box-editor/jx3box_article.umd.min.js?v="></script>
-```
-
-2. body标签：需要插入的位置
-
-```html
-<div id="app">
-    <jx3box_article id="article" content="loading.."></jx3box_article>
-</div>
-```
-
-3. body末尾：初始化脚本
-
-```html
-<script>
-    
-    var username = "$token"; //使用正确的token
-    var password = "android"; //安卓端使用
-    var headers = new Headers();
-    headers.set("Authorization", "Basic " + btoa(username + ":" + password));
-
-    // 1.异步加载设置数据，将420改成正确的文章ID
-    fetch("https://cms.jx3box.com/api/cms/post/420", {
-        method: "GET",
-        headers: headers,
-        credentials: "include",
-        mode: "cors",
-    }).then((res) => {
-        res.json().then((data) => {
-            let content = data && data.data && data.data.post.post_content;
-            document.getElementById("article").setAttribute("content", content);
-            // 2.实例化
-            new Vue({
-                components: {
-                    jx3box_article,
-                },
-            }).$mount("#app");
-        });
-    });
-</script>
-```