@seafile/seafile-editor 0.3.106 → 0.3.109

package/dist/editor/editor-component/textlink-hovermenu.js

@@ -102,6 +102,7 @@ var TextLinkHoverMenu = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
+      var editorUtils = this.props.editorUtils;
       return /*#__PURE__*/React.createElement("div", {
         className: "seafile-ed-hovermenu",
         ref: function ref(_ref) {
@@ -115,13 +116,13 @@ var TextLinkHoverMenu = /*#__PURE__*/function (_React$Component) {
       }, this.linkUrl), /*#__PURE__*/React.createElement(Button, {
         color: "",
         className: "seafile-ed-hovermenu-btn",
-        onClick: this.props.editorUtils.unwrapLink
+        onClick: editorUtils.unwrapLink
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-delete"
       })), /*#__PURE__*/React.createElement(Button, {
         color: "",
-        onClick: this.props.onToggleLinkDialog,
-        className: "seafile-ed-hovermenu-btn"
+        className: "seafile-ed-hovermenu-btn",
+        onClick: this.props.onToggleLinkDialog
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-edit"
       })), /*#__PURE__*/React.createElement("span", {

package/dist/editor/simple-editor.js

@@ -15,6 +15,7 @@ import TextLinkHoverMenu from './editor-component/textlink-hovermenu';
 import ContextMenu from '../components/context-menu';
 import KeyboardShortcuts from '../components/shortcut-dialog';
 import EditorBuilder from './editor-builder';
+import AddLinkDialog from '../components/add-link-dialog';
 import './code-highlight-package';
 import '../assets/editor/simple-editor.css';
 import '../assets/css/image.css';
@@ -104,6 +105,12 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
       });
     };
 
+    _this.onToggleLinkDialog = function () {
+      _this.setState({
+        isShowLinkDialog: !_this.state.isShowLinkDialog
+      });
+    };
+
     _this.setEditorRef = function (ref) {
       _this.editorRef = ref;
     };
@@ -112,7 +119,8 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
       value: deserialize(props.value),
       isShowBigImage: false,
       isShowContextMenu: false,
-      isShowShortcutDialog: false
+      isShowShortcutDialog: false,
+      isShowLinkDialog: false
     };
     _this.editor = EditorBuilder.getEditor(props);
     _this.editorUtils = EditorBuilder.getEditorUtils();
@@ -201,6 +209,8 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
           returnObjects: true
         }),
         toggleShortcutDialog: this.toggleShortcutDialog
+      }), this.state.isShowLinkDialog && /*#__PURE__*/React.createElement(AddLinkDialog, {
+        toggleLinkDialog: this.onToggleLinkDialog
       }))));
     }
   }]);

package/dist/utils/render-slate.js

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
+import isUrl from 'is-url';
 import CheckListItem from '../editor/editor-component/check-list-item';
 import Formula from '../viewer/viewer-formula';
 import { ViewerImage } from '../viewer/viewer-image';
@@ -112,10 +113,21 @@ function renderNode(_ref) {
       }, attributes), children);
 
     case 'link':
+      if (isUrl(href)) {
+        return /*#__PURE__*/React.createElement("a", Object.assign({
+          className: diffClass ? diffClass : ''
+        }, attributes, {
+          href: href
+        }), children);
+      }
+
       return /*#__PURE__*/React.createElement("a", Object.assign({
         className: diffClass ? diffClass : ''
       }, attributes, {
-        href: href
+        href: href,
+        onClick: function onClick(e) {
+          return e.preventDefault();
+        }
       }), children);
 
     case 'hr':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.106",
+  "version": "0.3.109",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",