add:新建项目

.editorconfig

@@ -0,0 +1,15 @@
+# http://editorconfig.org
+
+root = true
+
+[*] # 表示所有文件适用
+charset = utf-8 # 设置文件字符集为 utf-8
+indent_style = space # 缩进风格（tab | space）
+indent_size = 2 # 缩进大小
+end_of_line = lf # 控制换行类型(lf | cr | crlf)
+trim_trailing_whitespace = true # 去除行首的任意空白字符
+insert_final_newline = true # 始终在文件末尾插入一个新行
+
+[*.md] # 表示仅 md 文件适用以下规则
+max_line_length = off
+trim_trailing_whitespace = false

.env.development

@@ -0,0 +1,30 @@
+# 页面标题
+VITE_APP_TITLE = 智能客服中心
+
+# 开发环境配置
+VITE_APP_ENV = 'development'
+
+# 若依管理系统/开发环境 http://192.168.1.15:8010/  http://123.56.29.119:8080
+
+VITE_APP_BASE_API = 'http://192.168.1.15:8120/'
+
+# VITE_APP_BASE_WS = '39.164.159.226:8010/'
+# VITE_APP_BASE_WS = 'ws://192.168.1.15:8010/'
+# VITE_APP_BASE_WS = 'ws://192.168.8.17:9000/ws'
+VITE_APP_BASE_WS = 'ws://192.168.1.19:9000/ws'
+
+# VITE_APP_PHONE_TYPE = 'SIP'
+# VITE_APP_CALL_TYPE = 'VIDEO'
+# VITE_APP_SIP_URL = 'ws://192.168.8.17:5066'
+# VITE_APP_SIP_IP = '192.168.8.17'
+# VITE_APP_SIP_PASSWORD = '123456'
+# VITE_APP_SIP_CONTACT_URL = "@192.168.8.17;transport=ws"
+
+# VITE_APP_PHONE_TYPE = 'SIP'
+# VITE_APP_CALL_TYPE = 'VIDEO'
+VITE_APP_PHONE_TYPE = 'PHONE'
+VITE_APP_CALL_TYPE = 'VIOCE'
+VITE_APP_SIP_URL = 'ws://192.168.1.19:5066'
+VITE_APP_SIP_IP = '192.168.1.19'
+VITE_APP_SIP_PASSWORD = '1234'
+VITE_APP_SIP_CONTACT_URL = "@192.168.1.19;transport=ws"

.env.production

@@ -0,0 +1,16 @@
+# 页面标题
+VITE_APP_TITLE = 智能客服中心
+
+# 生产环境配置
+VITE_APP_ENV = 'production'
+
+# 若依管理系统/生产环境
+VITE_APP_BASE_API = 'http://192.168.1.15:8120'
+VITE_APP_BASE_WS = 'ws://192.168.1.19:9000/ws'
+
+VITE_APP_PHONE_TYPE = 'PHONE'
+VITE_APP_CALL_TYPE = 'VIOCE'
+VITE_APP_SIP_URL = 'ws://192.168.1.19:5066'
+VITE_APP_SIP_IP = '192.168.1.19'
+VITE_APP_SIP_PASSWORD = '1234'
+VITE_APP_SIP_CONTACT_URL = "@192.168.1.19;transport=ws"

.env.staging

@@ -0,0 +1,16 @@
+# 页面标题
+VITE_APP_TITLE = 智能客服中心
+
+# 生产环境配置
+VITE_APP_ENV = 'staging'
+
+# 若依管理系统/生产环境
+# VITE_APP_BASE_API = 'http://192.168.1.15:8010/'
+
+VITE_APP_BASE_API = 'http://192.168.1.15:8120'
+
+VITE_APP_BASE_WS = '192.168.1.15:8010/'
+
+
+# 是否在打包时开启压缩，支持 gzip 和 brotli
+VITE_BUILD_COMPRESS = gzip

.eslintignore

@@ -0,0 +1,15 @@
+
+*.sh
+node_modules
+*.md
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+/public
+/docs
+.husky
+.local
+/bin
+Dockerfile

.eslintrc.js

@@ -0,0 +1,76 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    jsxPragma: 'React',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+  rules: {
+    'vue/script-setup-uses-vars': 'error',
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    'vue/custom-event-name-casing': 'off',
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    'no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    'space-before-function-paren': 'off',
+
+    'vue/attributes-order': 'off',
+    'vue/one-component-per-file': 'off',
+    'vue/html-closing-bracket-newline': 'off',
+    'vue/max-attributes-per-line': 'off',
+    'vue/multiline-html-element-content-newline': 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'vue/attribute-hyphenation': 'off',
+    'vue/require-default-prop': 'off',
+    'vue/require-explicit-emits': 'off',
+    'vue/html-self-closing': [
+      'error',
+      {
+        html: {
+          void: 'always',
+          normal: 'never',
+          component: 'always',
+        },
+        svg: 'always',
+        math: 'always',
+      },
+    ],
+    'vue/multi-word-component-names': 'off',
+  },
+};

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+**/*.log
+
+tests/**/coverage/
+tests/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+.history/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.local
+
+package-lock.json
+yarn.lock

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit 

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint

.prettierignore

@@ -0,0 +1,9 @@
+/dist/*
+.local
+.output.js
+/node_modules/**
+
+**/*.svg
+**/*.sh
+
+/public/*

README.md

@@ -0,0 +1,22 @@
+
+<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">智能客服中心</h1>
+
+## 前端运行
+
+```bash
+# 克隆项目
+git clone http://localhost:3000/jiayi/base-callcenter-web.git
+
+# 进入项目目录
+cd base-callcenter-web/
+
+# 安装依赖
+yarn --registry=https://registry.npmmirror.com
+
+# 启动服务
+yarn dev --port 81
+
+# 构建测试环境 yarn build:stage
+# 构建生产环境 yarn build:prod
+# 前端访问地址 http://localhost:80
+```

bin/build.bat

@@ -0,0 +1,12 @@
+@echo off
+echo.
+echo [信息] 打包Web工程，生成dist文件。
+echo.
+
+%~d0
+cd %~dp0
+
+cd ..
+yarn build:prod
+
+pause

bin/demo.js

@@ -0,0 +1,12 @@
+const express = require('express') //npm下载并引入express模块 npm -express -D
+
+const app = express()
+app.use(express.static('../dist')) // ../dist 为vue打包后dist文件夹的路径
+app.listen(8082, function (err) {
+  //8080 想要监听项目的端口号
+  if (err) {
+    console.log(err)
+  } else {
+    console.log('项目启动成功')
+  }
+})

bin/package.bat

@@ -0,0 +1,12 @@
+@echo off
+echo.
+echo [信息] 安装Web工程，生成node_modules文件。
+echo.
+
+%~d0
+cd %~dp0
+
+cd ..
+yarn --registry=https://registry.npmmirror.com
+
+pause

bin/run-web.bat

@@ -0,0 +1,12 @@
+@echo off
+echo.
+echo [信息] 使用 Vite 命令运行 Web 工程。
+echo.
+
+%~d0
+cd %~dp0
+
+cd ..
+yarn dev
+
+pause

index.html

@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+    />
+    <!-- <link rel="icon" href="/favicon.ico" /> -->
+    <title>智能客服中心</title>
+    <!--[if lt IE 11
+      ]><script>
+        window.location.href = '/html/ie.html'
+      </script><!
+    [endif]-->
+    <style>
+      html,
+      body,
+      #app {
+        height: 100%;
+        margin: 0px;
+        padding: 0px;
+      }
+
+      .chromeframe {
+        margin: 0.2em 0;
+        background: #ccc;
+        color: #000;
+        padding: 0.2em 0;
+      }
+
+      #loader-wrapper {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 999999;
+      }
+
+      #loader {
+        display: block;
+        position: relative;
+        left: 50%;
+        top: 50%;
+        width: 150px;
+        height: 150px;
+        margin: -75px 0 0 -75px;
+        border-radius: 50%;
+        border: 3px solid transparent;
+        border-top-color: #fff;
+        -webkit-animation: spin 2s linear infinite;
+        -ms-animation: spin 2s linear infinite;
+        -moz-animation: spin 2s linear infinite;
+        -o-animation: spin 2s linear infinite;
+        animation: spin 2s linear infinite;
+        z-index: 1001;
+      }
+
+      #loader:before {
+        content: '';
+        position: absolute;
+        top: 5px;
+        left: 5px;
+        right: 5px;
+        bottom: 5px;
+        border-radius: 50%;
+        border: 3px solid transparent;
+        border-top-color: #fff;
+        -webkit-animation: spin 3s linear infinite;
+        -moz-animation: spin 3s linear infinite;
+        -o-animation: spin 3s linear infinite;
+        -ms-animation: spin 3s linear infinite;
+        animation: spin 3s linear infinite;
+      }
+
+      #loader:after {
+        content: '';
+        position: absolute;
+        top: 15px;
+        left: 15px;
+        right: 15px;
+        bottom: 15px;
+        border-radius: 50%;
+        border: 3px solid transparent;
+        border-top-color: #fff;
+        -moz-animation: spin 1.5s linear infinite;
+        -o-animation: spin 1.5s linear infinite;
+        -ms-animation: spin 1.5s linear infinite;
+        -webkit-animation: spin 1.5s linear infinite;
+        animation: spin 1.5s linear infinite;
+      }
+
+      @-webkit-keyframes spin {
+        0% {
+          -webkit-transform: rotate(0deg);
+          -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+        }
+
+        100% {
+          -webkit-transform: rotate(360deg);
+          -ms-transform: rotate(360deg);
+          transform: rotate(360deg);
+        }
+      }
+
+      @keyframes spin {
+        0% {
+          -webkit-transform: rotate(0deg);
+          -ms-transform: rotate(0deg);
+          transform: rotate(0deg);
+        }
+
+        100% {
+          -webkit-transform: rotate(360deg);
+          -ms-transform: rotate(360deg);
+          transform: rotate(360deg);
+        }
+      }
+
+      #loader-wrapper .loader-section {
+        position: fixed;
+        top: 0;
+        width: 51%;
+        height: 100%;
+        background: #7171c6;
+        z-index: 1000;
+        -webkit-transform: translateX(0);
+        -ms-transform: translateX(0);
+        transform: translateX(0);
+      }
+
+      #loader-wrapper .loader-section.section-left {
+        left: 0;
+      }
+
+      #loader-wrapper .loader-section.section-right {
+        right: 0;
+      }
+
+      .loaded #loader-wrapper .loader-section.section-left {
+        -webkit-transform: translateX(-100%);
+        -ms-transform: translateX(-100%);
+        transform: translateX(-100%);
+        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+
+      .loaded #loader-wrapper .loader-section.section-right {
+        -webkit-transform: translateX(100%);
+        -ms-transform: translateX(100%);
+        transform: translateX(100%);
+        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      }
+
+      .loaded #loader {
+        opacity: 0;
+        -webkit-transition: all 0.3s ease-out;
+        transition: all 0.3s ease-out;
+      }
+
+      .loaded #loader-wrapper {
+        visibility: hidden;
+        -webkit-transform: translateY(-100%);
+        -ms-transform: translateY(-100%);
+        transform: translateY(-100%);
+        -webkit-transition: all 0.3s 1s ease-out;
+        transition: all 0.3s 1s ease-out;
+      }
+
+      .no-js #loader-wrapper {
+        display: none;
+      }
+
+      .no-js h1 {
+        color: #222222;
+      }
+
+      #loader-wrapper .load_title {
+        font-family: 'Open Sans';
+        color: #fff;
+        font-size: 19px;
+        width: 100%;
+        text-align: center;
+        z-index: 9999999999999;
+        position: absolute;
+        top: 60%;
+        opacity: 1;
+        line-height: 30px;
+      }
+
+      #loader-wrapper .load_title span {
+        font-weight: normal;
+        font-style: italic;
+        font-size: 13px;
+        color: #fff;
+        opacity: 0.5;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="app">
+      <div id="loader-wrapper">
+        <div id="loader"></div>
+        <div class="loader-section section-left"></div>
+        <div class="loader-section section-right"></div>
+        <!-- <div class="load_title">正在加载系统资源，请耐心等待</div> -->
+      </div>
+    </div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,101 @@
+{
+  "name": "jiayi",
+  "version": "3.8.5",
+  "description": "在线客服管理系统",
+  "author": "加一",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "css": "npx tailwindcss -i ./src/style.css -o ./src/assets/style.css --watch",
+    "build:prod": "vite build",
+    "build:stage": "vite build --mode staging",
+    "prettier": "prettier --write .",
+    "preview": "vite preview",
+    "prepare": "cd .. && husky install superjsonweb/.husky"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/y_project/RuoYi-Vue.git"
+  },
+  "dependencies": {
+    "@antv/x6": "^2.18.1",
+    "@antv/x6-plugin-dnd": "^2.1.1",
+    "@antv/x6-plugin-history": "^2.2.4",
+    "@antv/x6-plugin-minimap": "^2.0.7",
+    "@antv/x6-plugin-scroller": "^2.0.10",
+    "@antv/x6-plugin-selection": "^2.2.2",
+    "@antv/x6-vue-shape": "^2.1.2",
+    "@bpmn-io/properties-panel": "^3.3.1",
+    "@efox/emp-vuett": "^1.0.0",
+    "@element-plus/icons": "^0.0.11",
+    "@element-plus/icons-vue": "2.0.10",
+    "@form-create/designer": "^3.1.3",
+    "@form-create/element-ui": "^3.1.22",
+    "@logicflow/core": "^1.2.18",
+    "@logicflow/extension": "^1.2.19",
+    "@microsoft/fetch-event-source": "^2.0.1",
+    "@tinymce/tinymce-vue": "^5.1.1",
+    "@traptitech/markdown-it-katex": "^3.6.0",
+    "@types/markdown-it": "^14.1.2",
+    "@vueup/vue-quill": "1.1.0",
+    "@vueuse/core": "9.5.0",
+    "aplayer": "^1.10.1",
+    "axios": "0.27.2",
+    "better-scroll": "^2.5.1",
+    "bpmn-js": "^13.2.2",
+    "bpmn-js-task-resize": "^1.2.0",
+    "bpmn-js-token-simulation": "^0.10.0",
+    "camunda-bpmn-moddle": "^7.0.1",
+    "codemirror": "^5.60.0",
+    "codemirror-editor-vue3": "^2.0.6",
+    "core-js": "^3.6.5",
+    "crypto-js": "^4.2.0",
+    "default-passive-events": "^2.0.0",
+    "diagram-js-minimap": "^2.1.1",
+    "echarts": "^5.4.3",
+    "element-plus": "^2.7.0",
+    "eslint": "^8.56.0",
+    "file-saver": "2.0.5",
+    "fingerprintjs2": "^2.1.4",
+    "form-making": "^1.2.11",
+    "fuse.js": "6.6.2",
+    "getmac": "^6.4.0",
+    "highlight.js": "^10.5.0",
+    "js-cookie": "3.0.1",
+    "jsencrypt": "3.3.1",
+    "jsonlint-mod": "^1.7.6",
+    "jssip": "^3.10.1",
+    "jssipmiao": "^1.0.1",
+    "markdown-it": "^14.1.0",
+    "miaojssip": "^1.0.3",
+    "min-dash": "^3.5.2",
+    "moment": "^2.29.4",
+    "nprogress": "0.2.0",
+    "pinia": "2.0.22",
+    "qrcode": "^1.5.3",
+    "qrcodejs2": "^0.0.2",
+    "qrcodejs2-fix": "^0.0.1",
+    "sortablejs": "^1.15.1",
+    "tinymce": "^6.8.2",
+    "vue": "3.2.45",
+    "vue-cropper": "1.0.3",
+    "vue-json-pretty": "^2.4.0",
+    "vue-router": "4.1.4",
+    "yarn": "^1.22.19"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "3.1.0",
+    "@vue/compiler-sfc": "3.2.45",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "husky": "^8.0.0",
+    "lodash": "^4.17.21",
+    "prettier": "^2.8.8",
+    "sass": "1.56.1",
+    "unplugin-auto-import": "0.11.4",
+    "vite": "3.2.3",
+    "vite-plugin-compression": "0.5.1",
+    "vite-plugin-svg-icons": "2.0.1",
+    "vite-plugin-vue-setup-extend": "0.4.0"
+  }
+}

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

prettier.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+    printWidth: 100,
+    semi: true,
+    vueIndentScriptAndStyle: true,
+    singleQuote: true,
+    trailingComma: 'all',
+    proseWrap: 'never',
+    htmlWhitespaceSensitivity: 'strict',
+    endOfLine: 'auto',
+  };
+  

project-remark.md

@@ -0,0 +1,55 @@
+
+
+### 2.3 目录规范-src
+
+- api
+  - system
+    - user.js
+  - >...一个菜单一个文件夹
+  - common.js
+  - layout.js
+  - >...公共api与首页api
+- assets
+  - image
+  - style
+  - mp3
+  - >...一种种类，一个文件夹
+- base-ui
+  - card
+  - from
+  - table
+  - echarts
+  - >...再最基础的组件封装的可供多个页面调用的组件，可在此基础上封装成项目所用组件
+- components
+  - page-content 此组件是展示的列表部分，实在base-ui目录下的table组件的基础上封装的
+  - nav-menu页面的公共组件
+  - >...此文件夹放页面的公共组件
+- directive
+- hooks
+- modules
+- package自定义流程组件目录
+- plugins
+- router
+- store
+- utils
+- views
+  - >...项目公用组件统一放到components文件夹里
+  - system
+    - cpns为当前菜单公用的组件
+    - post
+      - config
+        - content.config.js
+        - modal.config.js
+        - search.config.js
+      - index.vue
+  - >...一个菜单一个目录
+    - >... 子菜单目录
+      - >...配置文件目录
+        - >...列表js
+        - >...添加修改js
+        - >...搜索js
+      - >...子菜单页面
+  
+  文件目录按照菜单进行划分
+
+

project-remark1.md

@@ -0,0 +1,262 @@
+>微信公众号排版工具。问题或建议，请公众号留言。**[程序员翻身](#jump_8)**
+
+建议使用 **Chrome** 浏览器，体验最佳效果。
+
+使用微信公众号编辑器有一个十分头疼的问题：粘贴出来的代码，格式错乱，空间小还带行号，而且特别丑。Markdown.com.cn编辑器能够解决这个问题。
+
+Markdown是一种轻量级的「标记语言」。
+
+请阅读下方文本熟悉工具使用方法，本文可直接拷贝到微信中预览。
+
+## 1 Markdown.com.cn 简介
+
+- 支持自定义样式的 Markdown 编辑器
+- 支持微信公众号、知乎和稀土掘金
+- 点击右上方对应图标，一键复制到各平台
+
+## 2 Markdown语法教程
+
+### 2.1 标题
+
+不同数量的`#`可以完成不同的标题，如下：
+
+# 一级标题
+
+## 二级标题
+
+### 三级标题
+
+### 2.2 字体
+
+粗体、斜体、粗体和斜体，删除线，需要在文字前后加不同的标记符号。如下：
+
+**这个是粗体**
+
+*这个是斜体*
+
+***这个是粗体加斜体***
+
+~这里想用删除线~~
+
+注：如果想给字体换颜色、字体或者居中显示，需要使用内嵌HTML来实现。
+
+### 2.3 无序列表
+
+无序列表的使用，在符号`-`后加空格使用。如下：
+
+- 无序列表 1
+- 无序列表 2
+- 无序列表 3
+
+如果要控制列表的层级，则需要在符号`-`前使用空格。如下：
+
+- 无序列表 1
+- 无序列表 2
+  - 无序列表 2.1
+  - 无序列表 2.2
+
+**由于微信原因，最多支持到二级列表**。
+
+### 2.4 有序列表
+
+有序列表的使用，在数字及符号`.`后加空格后输入内容，如下：
+
+1. 有序列表 1
+2. 有序列表 2
+3. 有序列表 3
+
+### 2.5 引用
+
+引用的格式是在符号`>`后面书写文字。如下：
+
+> 读一本好书，就是在和高尚的人谈话。 ——歌德
+
+> 雇用制度对工人不利，但工人根本无力摆脱这个制度。 ——阮一峰
+
+### 2.7 链接
+
+微信公众号仅支持公众号文章链接，即域名为`https://mp.weixin.qq.com/`的合法链接。使用方法如下所示：
+
+对于该论述，欢迎读者查阅之前发过的文章，[你是《未来世界的幸存者》么？](https://mp.weixin.qq.com/s/s5IhxV2ooX3JN_X416nidA)
+<a id="jump_8"></a>
+### 2.8 图片
+
+插入图片，格式如下：
+
+![这里写图片描述](https://www.nginx.cn/wp-content/uploads/2020/03/qrcode_for_gh_82cf87d482f0_258.jpg)
+
+支持 jpg、png、gif、svg 等图片格式，**其中 svg 文件仅可在微信公众平台中使用**，svg 文件示例如下：
+
+![](https://markdown.com.cn/images/i-am-svg.svg)
+
+支持图片**拖拽和截图粘贴**到编辑器中。
+
+注：支持图片 ***拖拽和截图粘贴*** 到编辑器中，仅支持 https 的图片，图片粘贴到微信时会自动上传微信服务器。
+
+### 2.9 分割线
+
+可以在一行中用三个以上的减号来建立一个分隔线，同时需要在分隔线的上面空一行。如下：
+
+---
+
+### 2.10 表格
+
+可以使用冒号来定义表格的对齐方式，如下：
+
+| 姓名       | 年龄  |         工作 |
+| :--------- | :---: | -----------: |
+| 小可爱     |  18   |     吃可爱多 |
+| 小小勇敢   |  20   |   爬棵勇敢树 |
+| 小小小机智 |  22   | 看一本机智书 |
+
+
+
+## 3. 特殊语法
+
+### 3.1 脚注
+
+> 支持平台：微信公众号、知乎。
+
+脚注与链接的区别如下所示：
+
+```markdown
+链接：[文字](链接)
+脚注：[文字](脚注解释 "脚注名字")
+```
+
+有人认为在[大前端时代](https://en.wikipedia.org/wiki/Front-end_web_development "Front-end web development")的背景下，移动端开发（Android、IOS）将逐步退出历史舞台。
+
+[全栈工程师](是指掌握多种技能，并能利用多种技能独立完成产品的人。 "什么是全栈工程师")在业务开发流程中起到了至关重要的作用。
+
+脚注内容请拉到最下面观看。
+
+### 3.2 代码块
+
+> 支持平台：微信代码主题仅支持微信公众号！其他主题无限制。
+
+如果在一个行内需要引用代码，只要用反引号引起来就好，如下：
+
+Use the `printf()` function.
+
+在需要高亮的代码块的前一行及后一行使用三个反引号，同时**第一行反引号后面表示代码块所使用的语言**，如下：
+
+```java
+// FileName: HelloWorld.java
+public class HelloWorld {
+  // Java 入口程序，程序从此入口
+  public static void main(String[] args) {
+    System.out.println("Hello,World!"); // 向控制台打印一条语句
+  }
+}
+```
+
+支持以下语言种类：
+
+```
+bash
+clojure，cpp，cs，css
+dart，dockerfile, diff
+erlang
+go，gradle，groovy
+haskell
+java，javascript，json，julia
+kotlin
+lisp，lua
+makefile，markdown，matlab
+objectivec
+perl，php，python
+r，ruby，rust
+scala，shell，sql，swift
+tex，typescript
+verilog，vhdl
+xml
+yaml
+```
+
+如果想要更换代码高亮样式，可在上方**代码主题**中挑选。
+
+其中**微信代码主题与微信官方一致**，有以下注意事项：
+
+- 带行号且不换行，代码大小与官方一致
+- 需要在代码块处标志语言，否则无法高亮
+- 粘贴到公众号后，用鼠标点代码块内外一次，完成高亮
+
+diff 不能同时和其他语言的高亮同时显示，且需要调整代码主题为微信代码主题以外的代码主题才能看到 diff 效果，使用效果如下:
+
+```diff
++ 新增项
+- 删除项
+```
+
+**其他主题不带行号，可自定义是否换行，代码大小与当前编辑器一致**
+
+### 3.3 数学公式
+
+> 支持平台：微信公众号、知乎。
+
+行内公式使用方法，比如这个化学公式：$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$
+
+块公式使用方法如下：
+
+$$H(D_2) = -\left(\frac{2}{4}\log_2 \frac{2}{4} + \frac{2}{4}\log_2 \frac{2}{4}\right) = 1$$
+
+矩阵：
+
+$$
+  \begin{pmatrix}
+  1 & a_1 & a_1^2 & \cdots & a_1^n \\
+  1 & a_2 & a_2^2 & \cdots & a_2^n \\
+  \vdots & \vdots & \vdots & \ddots & \vdots \\
+  1 & a_m & a_m^2 & \cdots & a_m^n \\
+  \end{pmatrix}
+$$
+
+公式由于微信不支持，目前的解决方案是转成 svg 放到微信中，无需调整，矢量不失真。
+
+目前测试如果公式量过大，在 Chrome 下会存在粘贴后无响应，但是在 Firefox 中始终能够成功。
+
+### 3.4 TOC
+
+> 支持平台：微信公众号、知乎。
+
+TOC 全称为 Table of Content，列出全部标题。
+
+[TOC]
+
+由于微信只支持到二级列表，本工具仅支持二级标题和三级标题的显示。
+
+### 3.5 注音符号
+
+> 支持平台：微信公众号。
+
+支持注音符号，用法如下：
+
+Markdown Nice 这么好用，简直是{喜大普奔|hē hē hē hē}呀！
+
+### 3.6 横屏滑动幻灯片
+
+> 支持平台：微信公众号。
+
+通过`<![](url),![](url)>`这种语法设置横屏滑动滑动片，具体用法如下：
+
+<![蓝1](https://markdown.com.cn/images/blue.jpg),![绿2](https://markdown.com.cn/images/green.jpg),![红3](https://markdown.com.cn.jpg)>
+
+## 4 其他语法
+
+### 4.1 HTML
+
+支持原生 HTML 语法，请写内联样式，如下：
+
+<span style="display:block;text-align:right;color:orangered;">橙色居右</span>
+<span style="display:block;text-align:center;color:orangered;">橙色居中</span>
+
+### 4.2 UML
+
+不支持，推荐使用开源工具`https://draw.io/`制作后再导入图片
+
+
+## 5 致谢
+
+* 歌词经理 [wechat-fromat](https://github.com/lyricat/wechat-format "灵感来源")
+* 颜家大少 [MD2All](http://md.aclickall.com/ "MdA2All")
+

public/tinymce/skins/content/dark/content.css

@@ -0,0 +1,66 @@
+body {
+  background-color: #222f3e;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+a {
+  color: #4099ff;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #6d737b;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #8a8f97;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #6d737b;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #6d737b;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #6d737b;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #6d737b;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}

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

@@ -0,0 +1,61 @@
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}

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

@@ -0,0 +1,66 @@
+@media screen {
+  html {
+    background: #f4f4f4;
+    min-height: 100%;
+  }
+}
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+@media screen {
+  body {
+    background-color: #fff;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+    box-sizing: border-box;
+    margin: 1rem auto 0;
+    max-width: 820px;
+    min-height: calc(100vh - 1rem);
+    padding: 4rem 6rem 6rem 6rem;
+  }
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure figcaption {
+  color: #999;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}

public/tinymce/skins/content/tinymce-5-dark/content.css

@@ -0,0 +1,66 @@
+body {
+  background-color: #2f3742;
+  color: #dfe0e4;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+a {
+  color: #4099ff;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #6d737b;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #8a8f97;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #6d737b;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #6d737b;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #6d737b;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #6d737b;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}