@lingxiteam/lcdp-ueditor-react 1.0.0-alpha.9 → 1.0.1

package/lib/LcdpUeditor.js

@@ -36,7 +36,8 @@ var import_react = __toESM(require("react"));
 var import_const = require("./const");
 var import_defaultConfig = __toESM(require("./defaultConfig.json"));
 var import_UeditorResourceLoader = __toESM(require("./tools/UeditorResourceLoader"));
-var import_lodash = require("lodash");
+var import_debounce = __toESM(require("lodash/debounce"));
+var import_filterHtmlNode = require("./tools/filterHtmlNode");
 var LcdpUeditor = class extends import_react.default.Component {
   constructor(props) {
     super(props);
@@ -83,7 +84,8 @@ var LcdpUeditor = class extends import_react.default.Component {
     if (this.props.ueditorPath) {
       this.ueditorPath = this.props.ueditorPath;
     }
-    this.currentContent = this.props.value;
+    const nextValue = (0, import_filterHtmlNode.filterHtmlNode)(this.props.value || "").str;
+    this.currentContent = nextValue;
     this.uploadFunction = (file, type) => {
       var _a;
       if (type === "image" && ((_a = this.props.config) == null ? void 0 : _a.imageType) === "base64") {
@@ -105,15 +107,17 @@ var LcdpUeditor = class extends import_react.default.Component {
     };
     this.editorConfig = {
       ...import_defaultConfig.default,
+      maximumWords: (config == null ? void 0 : config.maximumWords) || 1e4,
       initialFrameHeight: (config == null ? void 0 : config.height) || 300,
       autoHeightEnabled: false,
       selectCallback: (cb, type) => {
         this.fileSelect(cb, type);
       },
       uploadFunction: this.uploadFunction,
-      initialContent: this.props.value || ""
+      initialContent: nextValue || "",
+      pasteplain: (config == null ? void 0 : config.pasteplain) === true
     };
-    this.debounceContentChange = (0, import_lodash.debounce)(this.onContentChange.bind(this), 300);
+    this.debounceContentChange = (0, import_debounce.default)(this.onContentChange.bind(this), 300);
   }
   componentDidMount() {
     this.initUeditor();
@@ -122,7 +126,7 @@ var LcdpUeditor = class extends import_react.default.Component {
     if (this.isReady) {
       if ("value" in nextProps && this.currentContent !== nextProps.value) {
         this.isReportFlag = false;
-        this.ueditorInst.setContent(nextProps.value);
+        this.ueditorInst.setContent((0, import_filterHtmlNode.filterHtmlNode)(nextProps.value || "").str);
       }
       if (nextProps.disabled !== this.props.disabled) {
         if (nextProps.disabled) {
@@ -135,14 +139,17 @@ var LcdpUeditor = class extends import_react.default.Component {
   }
   componentWillUnmount() {
     var _a, _b;
-    (_b = (_a = this.ueditorInst) == null ? void 0 : _a.destroy) == null ? void 0 : _b.call(_a);
+    if (this.isReady) {
+      (_b = (_a = this.ueditorInst) == null ? void 0 : _a.destroy) == null ? void 0 : _b.call(_a);
+    }
   }
   onContentChange() {
     if (!this.isReportFlag) {
       this.isReportFlag = true;
     } else if (this.props.onChange) {
-      this.currentContent = this.ueditorInst.getContent();
-      this.props.onChange(this.currentContent);
+      this.currentContent = this.ueditorInst.getContent() || "";
+      const { str, flag, source } = (0, import_filterHtmlNode.filterHtmlNode)(this.currentContent);
+      this.props.onChange(flag ? str : source);
     }
   }
   getExtString(str) {
@@ -220,6 +227,9 @@ var LcdpUeditor = class extends import_react.default.Component {
    */
   async initUeditor() {
     import_UeditorResourceLoader.default.onReady(() => {
+      if (this.props.toolbars) {
+        this.editorConfig.toolbars = this.props.toolbars;
+      }
       this.ueditorInst = window.UE.getEditor(this.containerId, this.editorConfig);
       this.ueditorInst.ready(() => {
         this.isReady = true;

package/lib/defaultConfig.json

@@ -1,77 +1,77 @@
-{
-    "imageActionName": "image",
-    "imageFieldName": "file",
-    "imageMaxSize": 10485760,
-    "imageAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "imageCompressEnable": true,
-    "imageCompressBorder": 5000,
-    "imageInsertAlign": "none",
-    "imageUrlPrefix": "",
-    "scrawlActionName": "crawl",
-    "scrawlFieldName": "file",
-    "scrawlMaxSize": 10485760,
-    "scrawlUrlPrefix": "",
-    "scrawlInsertAlign": "none",
-    "snapscreenActionName": "snap",
-    "snapscreenUrlPrefix": "",
-    "snapscreenInsertAlign": "none",
-    "catcherLocalDomain": [
-        "127.0.0.1",
-        "localhost"
-    ],
-    "catcherActionName": "catch",
-    "catcherFieldName": "source",
-    "catcherUrlPrefix": "",
-    "catcherMaxSize": 10485760,
-    "catcherAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "videoActionName": "video",
-    "videoFieldName": "file",
-    "videoUrlPrefix": "",
-    "videoMaxSize": 104857600,
-    "videoAllowFiles": [
-        ".mp4",
-        ".webm",
-        ".mkv"
-    ],
-    "audioActionName": "audio",
-    "audioFieldName": "file",
-    "audioUrlPrefix": "",
-    "audioMaxSize": 104857600,
-    "audioAllowFiles": [
-        ".mp3"
-    ],
-    "fileActionName": "file",
-    "fileFieldName": "file",
-    "fileUrlPrefix": "",
-    "fileMaxSize": 104857600,
-    "fileAllowFiles": [
-        ".zip",
-        ".pdf",
-        ".doc"
-    ],
-    "imageManagerActionName": "listImage",
-    "imageManagerListSize": 20,
-    "imageManagerUrlPrefix": "",
-    "imageManagerInsertAlign": "none",
-    "imageManagerAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "fileManagerActionName": "listFile",
-    "fileManagerUrlPrefix": "",
-    "fileManagerListSize": 20,
-    "fileManagerAllowFiles": [
-        ".zip",
-        ".pdf",
-        ".doc"
-    ]
+{
+    "imageActionName": "image",
+    "imageFieldName": "file",
+    "imageMaxSize": 10485760,
+    "imageAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "imageCompressEnable": true,
+    "imageCompressBorder": 5000,
+    "imageInsertAlign": "none",
+    "imageUrlPrefix": "",
+    "scrawlActionName": "crawl",
+    "scrawlFieldName": "file",
+    "scrawlMaxSize": 10485760,
+    "scrawlUrlPrefix": "",
+    "scrawlInsertAlign": "none",
+    "snapscreenActionName": "snap",
+    "snapscreenUrlPrefix": "",
+    "snapscreenInsertAlign": "none",
+    "catcherLocalDomain": [
+        "127.0.0.1",
+        "localhost"
+    ],
+    "catcherActionName": "catch",
+    "catcherFieldName": "source",
+    "catcherUrlPrefix": "",
+    "catcherMaxSize": 10485760,
+    "catcherAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "videoActionName": "video",
+    "videoFieldName": "file",
+    "videoUrlPrefix": "",
+    "videoMaxSize": 104857600,
+    "videoAllowFiles": [
+        ".mp4",
+        ".webm",
+        ".mkv"
+    ],
+    "audioActionName": "audio",
+    "audioFieldName": "file",
+    "audioUrlPrefix": "",
+    "audioMaxSize": 104857600,
+    "audioAllowFiles": [
+        ".mp3"
+    ],
+    "fileActionName": "file",
+    "fileFieldName": "file",
+    "fileUrlPrefix": "",
+    "fileMaxSize": 104857600,
+    "fileAllowFiles": [
+        ".zip",
+        ".pdf",
+        ".doc"
+    ],
+    "imageManagerActionName": "listImage",
+    "imageManagerListSize": 20,
+    "imageManagerUrlPrefix": "",
+    "imageManagerInsertAlign": "none",
+    "imageManagerAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "fileManagerActionName": "listFile",
+    "fileManagerUrlPrefix": "",
+    "fileManagerListSize": 20,
+    "fileManagerAllowFiles": [
+        ".zip",
+        ".pdf",
+        ".doc"
+    ]
 }

package/lib/tools/filterHtmlNode.d.ts

@@ -0,0 +1,5 @@
+export declare const filterHtmlNode: (str: string) => {
+    str: string;
+    flag: boolean;
+    source: string;
+};

package/lib/tools/filterHtmlNode.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tools/filterHtmlNode.ts
+var filterHtmlNode_exports = {};
+__export(filterHtmlNode_exports, {
+  filterHtmlNode: () => filterHtmlNode
+});
+module.exports = __toCommonJS(filterHtmlNode_exports);
+var filterHtmlNode = (str) => {
+  let flag = false;
+  if (typeof str !== "string")
+    return str || "";
+  const blacklist = ["script", "style", "iframe"];
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(str, "text/html");
+  function cleanNode(node) {
+    var _a;
+    if (node.nodeType === 1) {
+      if (blacklist.indexOf(node.nodeName.toLowerCase()) !== -1) {
+        (_a = node.parentNode) == null ? void 0 : _a.removeChild(node);
+        return;
+      }
+      for (let i = node.attributes.length - 1; i >= 0; i -= 1) {
+        const attr = node.attributes[i];
+        if (attr.name.startsWith("on") || String(node.getAttribute(attr.name)).toLowerCase().indexOf("javascript:") !== -1) {
+          node.removeAttribute(attr.name);
+          flag = true;
+        }
+      }
+    }
+    for (let i = 0; i < node.childNodes.length; i += 1) {
+      cleanNode(node.childNodes[i]);
+    }
+  }
+  cleanNode(doc.body);
+  return {
+    str: doc.body.innerHTML,
+    flag,
+    source: str
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  filterHtmlNode
+});

package/lib/type.d.ts

@@ -23,6 +23,10 @@ export interface ILcdpUeditorProps {
      * 富文本配置
      */
     config?: {
+        /**
+         * 是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴 默认false
+         */
+        pasteplain?: boolean;
         /**
          * 编辑器高度 默认300px
          */
@@ -63,7 +67,9 @@ export interface ILcdpUeditorProps {
          * 上传视频格式限制
          */
         videoAllowFiles?: string[];
+        maximumWords?: number;
     };
+    toolbars?: string[][];
     /**
      * 语言 默认 zh-cn
      * zh-cn 中文 en 英文

package/package.json

@@ -1,34 +1,35 @@
-{
-  "name": "@lingxiteam/lcdp-ueditor-react",
-  "version": "1.0.0-alpha.9",
-  "module": "es/index.js",
-  "main": "lib/index.js",
-  "license": "MIT",
-  "files": [
-    "ueditor-resource",
-    "es",
-    "lib"
-  ],
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "types": "es/index.d.ts",
-  "typings": "es/index.d.ts",
-  "scripts": {
-    "build": "father build",
-    "dev": "father dev",
-    "prepublishOnly": "npm run build && cd ../../ueditor-plus && npm run prepublish"
-  },
-  "peerDependencies": {
-    "react": "^16.12.0 || ^17.0.0"
-  },
-  "dependencies": {
-    "lodash": "^4.0.0"
-  },
-  "devDependencies": {
-    "father": "^4.1.9",
-    "@types/lodash": "^4.14.180"
-  },
-  "gitHead": "be7b48f706ff0186d2f2f42d59a25b4973f935d4"
-}
+{
+  "name": "@lingxiteam/lcdp-ueditor-react",
+  "version": "1.0.1",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "typings": "es/index.d.ts",
+  "files": [
+    "ueditor-resource",
+    "es",
+    "lib"
+  ],
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev",
+    "prepublishOnly": "npm run build && cd ../../ueditor-plus && npm run prepublish"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.180",
+    "father": "^4.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.12.0 || ^17.0.0",
+    "lodash": "^4.0.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "7.23.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "be7b48f706ff0186d2f2f42d59a25b4973f935d4"
+}

package/ueditor-resource/dialogs/anchor/anchor.html

@@ -1,62 +1,62 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-    "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-    <title></title>
-    <style type="text/css">
-        * {
-            color: #838383;
-            margin: 0;
-            padding: 0
-        }
-
-        html, body {
-            font-size: 12px;
-            overflow: hidden;
-        }
-
-        .content {
-            padding: 5px 0 0 15px;
-        }
-
-        input {
-            margin-left: 4px;
-            box-sizing: border-box;
-            width: 210px;
-            height: 30px;
-            line-height: 30px;
-            border: 1px solid #d7d7d7;
-            border-radius: 3px;
-            padding: 0 5px;
-            outline: none;
-        }
-    </style>
-</head>
-<body>
-<div class="content">
-    <span><var id="lang_input_anchorName"></var></span><input id="anchorName" value=""/>
-</div>
-<script type="text/javascript" src="../internal.js?32939b8e"></script>
-<script type="text/javascript">
-    var anchorInput = $G('anchorName'),
-        node = editor.selection.getRange().getClosedNode();
-    if (node && node.tagName == 'IMG' && (node = node.getAttribute('anchorname'))) {
-        anchorInput.value = node;
-    }
-    anchorInput.onkeydown = function (evt) {
-        evt = evt || window.event;
-        if (evt.keyCode == 13) {
-            editor.execCommand('anchor', anchorInput.value);
-            dialog.close();
-            domUtils.preventDefault(evt)
-        }
-    };
-    dialog.onok = function () {
-        editor.execCommand('anchor', anchorInput.value);
-        dialog.close();
-    };
-    $focus(anchorInput);
-</script>
-</body>
-</html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title></title>
+    <style type="text/css">
+        * {
+            color: #838383;
+            margin: 0;
+            padding: 0
+        }
+
+        html, body {
+            font-size: 12px;
+            overflow: hidden;
+        }
+
+        .content {
+            padding: 5px 0 0 15px;
+        }
+
+        input {
+            margin-left: 4px;
+            box-sizing: border-box;
+            width: 210px;
+            height: 30px;
+            line-height: 30px;
+            border: 1px solid #d7d7d7;
+            border-radius: 3px;
+            padding: 0 5px;
+            outline: none;
+        }
+    </style>
+</head>
+<body>
+<div class="content">
+    <span><var id="lang_input_anchorName"></var></span><input id="anchorName" value=""/>
+</div>
+<script type="text/javascript" src="../internal.js?aea0c61c"></script>
+<script type="text/javascript">
+    var anchorInput = $G('anchorName'),
+        node = editor.selection.getRange().getClosedNode();
+    if (node && node.tagName == 'IMG' && (node = node.getAttribute('anchorname'))) {
+        anchorInput.value = node;
+    }
+    anchorInput.onkeydown = function (evt) {
+        evt = evt || window.event;
+        if (evt.keyCode == 13) {
+            editor.execCommand('anchor', anchorInput.value);
+            dialog.close();
+            domUtils.preventDefault(evt)
+        }
+    };
+    dialog.onok = function () {
+        editor.execCommand('anchor', anchorInput.value);
+        dialog.close();
+    };
+    $focus(anchorInput);
+</script>
+</body>
+</html>