@seafile/sdoc-editor 0.1.48 → 0.1.50

package/dist/basic-sdk/assets/css/layout.css

@@ -32,3 +32,7 @@
   border: 1px solid #e5e6e8;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
 }
+
+.sdoc-editor-container .sdoc-editor-content .article > div {
+  caret-color: blue;
+}

package/dist/basic-sdk/assets/css/sdoc-editor-plugins.css

@@ -69,3 +69,12 @@
   font-size: 12px;
 }
 
+/* caret */
+.sdoc-editor-container .article .caret-item .caret-name {
+  display: none;
+}
+
+.sdoc-editor-container .article .caret-item:hover .caret-name {
+  display: block;
+}
+

package/dist/basic-sdk/cursor/helper.js

@@ -0,0 +1,42 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import randomColor from 'randomcolor';
+
+// selection: { anchor, focus }
+// cursor: { anchor, focus }
+
+export var setCursor = function setCursor(editor, operations, user, selection, cursorData) {
+  var clientId = user.username;
+  var cursorOps = operations.filter(function (operation) {
+    return operation.type === 'set_selection';
+  });
+  if (!editor.cursors) editor.cursors = {};
+  var oldCursor = editor.cursors[clientId] ? editor.cursors[clientId] : {};
+  var lastCursorOp = cursorOps[cursorOps.length - 1];
+  if (selection) {
+    var newCursor = lastCursorOp && lastCursorOp.newProperties || {};
+    var newCursorData = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, oldCursor), newCursor), selection), cursorData);
+    editor.cursors[clientId] = newCursorData;
+  } else {
+    delete editor.cursors[clientId];
+  }
+  editor.cursors = _objectSpread({}, editor.cursors);
+  return editor;
+};
+export var deleteCursor = function deleteCursor(editor, username) {
+  delete editor.cursors[username];
+  editor.cursors = _objectSpread({}, editor.cursors);
+  return editor;
+};
+export var generateCursorData = function generateCursorData(config) {
+  var user = config.user;
+  var options = {
+    luminosity: 'dark',
+    format: 'rgba',
+    alpha: 1
+  };
+  var color = randomColor(options);
+  return {
+    name: user.name,
+    color: color
+  };
+};

package/dist/basic-sdk/cursor/use-cursors.js

@@ -0,0 +1,24 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEffect, useState } from 'react';
+export var useCursors = function useCursors(editor) {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    cursors = _useState2[0],
+    setCursors = _useState2[1];
+  useEffect(function () {
+    var cursors = Object.values(editor.cursors) || [];
+    setCursors(cursors);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(function () {
+    editor.onCursor = function (editorCursors) {
+      var cursors = Object.values(editorCursors) || [];
+      setCursors(cursors);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return {
+    cursors: cursors,
+    setCursors: setCursors
+  };
+};

package/dist/basic-sdk/editor.js

@@ -1,122 +1,127 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-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 { Node } from '@seafile/slate';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Node, Editor } from '@seafile/slate';
 import { Editable, Slate, ReactEditor } from '@seafile/slate-react';
-import { Editor } from '@seafile/slate';
-import editor, { renderLeaf, renderElement, Toolbar } from './extension';
+import defaultEditor, { renderLeaf, renderElement, Toolbar, ContextMenu } from './extension';
+import { focusEditor } from './extension/core';
 import { withSocketIO } from './socket';
 import withNodeId from './node-id';
 import SDocOutline from './outline';
 import EventProxy from './utils/event-handler';
-import { focusEditor } from './extension/core';
+import { useCursors } from './cursor/use-cursors';
 import './assets/css/layout.css';
 import './assets/css/sdoc-editor-plugins.css';
-var SDocEditor = /*#__PURE__*/function (_React$Component) {
-  _inherits(SDocEditor, _React$Component);
-  var _super = _createSuper(SDocEditor);
-  function SDocEditor(props) {
-    var _this;
-    _classCallCheck(this, SDocEditor);
-    _this = _super.call(this, props);
-    _this.onChange = function (slateValue) {
-      var onValueChanged = _this.props.onValueChanged;
-      _this.setState({
-        slateValue: slateValue
-      });
-      onValueChanged && onValueChanged(slateValue);
-    };
-    _this.onDOMBeforeInput = function (e) {
-      var slateValue = _this.state.slateValue;
-      if (e.data && e.data !== '') {
-        var _node$;
-        var node = Editor.parent(_this.editor, editor.selection);
-        _this.editor.onDOMBeforeInputId = (_node$ = node[0]) === null || _node$ === void 0 ? void 0 : _node$.id;
-        _this.setState({
-          slateValue: _toConsumableArray(slateValue)
-        });
-      } else {
-        _this.editor.onDOMBeforeInputId = null;
-        _this.setState({
-          slateValue: _toConsumableArray(slateValue)
-        });
-      }
-    };
-    var children = props.document.children;
-    _this.state = {
-      slateValue: children,
-      isLoading: true
-    };
-    _this.socketManager = null;
-    _this.editor = withNodeId(editor);
-    if (props.isOpenSocket) {
-      var document = props.document,
-        config = props.config;
-      _this.editor = withSocketIO(_this.editor, {
-        document: document,
-        config: config
-      });
-    }
-    _this.eventProxy = new EventProxy(_this.editor);
-    _this.renderElement = function (props) {
-      return renderElement(props, _this.editor);
-    };
-    _this.renderLeaf = function (props) {
-      return renderLeaf(props, _this.editor);
+var SDocEditor = function SDocEditor(_ref) {
+  var document = _ref.document,
+    config = _ref.config;
+  // init editor
+  var editor = useMemo(function () {
+    var newEditor = withNodeId(withSocketIO(defaultEditor, {
+      document: document,
+      config: config
+    }));
+    var cursors = document.cursors;
+    newEditor.cursors = cursors || {};
+    return newEditor;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // init eventHandler
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var eventProxy = useMemo(function () {
+    return new EventProxy(editor);
+  }, []);
+
+  // useMount: init socket connection
+  useEffect(function () {
+    editor.openConnection();
+    return function () {
+      editor.closeConnection();
     };
-    return _this;
-  }
-  _createClass(SDocEditor, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.editor.openConnection();
-      if (Node.string(editor) === '') {
-        var firstNodePath = ReactEditor.findPath(editor, this.editor.children[0]);
-        focusEditor(this.editor, firstNodePath);
-      }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // useMount: focus editor
+  useEffect(function () {
+    if (Node.string(editor) === '') {
+      var firstNodePath = ReactEditor.findPath(editor, editor.children[0]);
+      focusEditor(editor, firstNodePath);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.editor.closeConnection();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // handle placeholder
+  var onDOMBeforeInput = useCallback(function (e) {
+    if (e.data && e.data !== '') {
+      var _node$;
+      var node = Editor.parent(editor, editor.selection);
+      editor.onDOMBeforeInputId = (_node$ = node[0]) === null || _node$ === void 0 ? void 0 : _node$.id;
+      setSlateValue(_toConsumableArray(slateValue));
+    } else {
+      editor.onDOMBeforeInputId = null;
+      setSlateValue(_toConsumableArray(slateValue));
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var slateValue = this.state.slateValue;
-      var config = this.props.config;
-      var docUuid = config.docUuid;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "sdoc-editor-container"
-      }, /*#__PURE__*/React.createElement(Toolbar, {
-        editor: this.editor
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "sdoc-editor-content"
-      }, /*#__PURE__*/React.createElement(SDocOutline, {
-        doc: slateValue,
-        docUuid: docUuid
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "flex-fill o-auto"
-      }, /*#__PURE__*/React.createElement(Slate, {
-        editor: this.editor,
-        value: slateValue,
-        onChange: this.onChange
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "article"
-      }, /*#__PURE__*/React.createElement(Editable, {
-        renderElement: this.renderElement,
-        renderLeaf: this.renderLeaf,
-        onKeyDown: this.eventProxy.onKeyDown,
-        onDOMBeforeInput: this.onDOMBeforeInput
-      }))))));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isShowContextMenu = _useState2[0],
+    setContextMenu = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    menuPosition = _useState4[0],
+    setMenuPosition = _useState4[1];
+  var onContextMenu = useCallback(function (event) {
+    if (editor.isAllInTable()) {
+      event.preventDefault();
+      var contextMenuPosition = {
+        left: event.clientX,
+        top: event.clientY
+      };
+      setContextMenu(true);
+      setMenuPosition(contextMenuPosition);
     }
-  }]);
-  return SDocEditor;
-}(React.Component);
-SDocEditor.defaultProps = {
-  isOpenSocket: false
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var _useState5 = useState(document.children),
+    _useState6 = _slicedToArray(_useState5, 2),
+    slateValue = _useState6[0],
+    setSlateValue = _useState6[1];
+  var onChange = useCallback(function (slateValue) {
+    setSlateValue(slateValue);
+    setContextMenu(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var _useCursors = useCursors(editor),
+    cursors = _useCursors.cursors;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-editor-container"
+  }, /*#__PURE__*/React.createElement(Toolbar, {
+    editor: editor
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-editor-content"
+  }, /*#__PURE__*/React.createElement(SDocOutline, {
+    doc: slateValue,
+    docUuid: config.docUuid
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex-fill o-auto"
+  }, /*#__PURE__*/React.createElement(Slate, {
+    editor: editor,
+    value: slateValue,
+    onChange: onChange
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "article"
+  }, /*#__PURE__*/React.createElement(Editable, {
+    renderElement: renderElement,
+    renderLeaf: renderLeaf,
+    onKeyDown: eventProxy.onKeyDown,
+    onDOMBeforeInput: onDOMBeforeInput,
+    cursors: cursors,
+    onContextMenu: onContextMenu
+  })))))), isShowContextMenu && /*#__PURE__*/React.createElement(ContextMenu, {
+    editor: editor,
+    contextMenuPosition: menuPosition
+  }));
 };
 export default SDocEditor;

package/dist/basic-sdk/extension/constants/index.js

@@ -48,7 +48,7 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
 }), _defineProperty(_MENUS_CONFIG_MAP, REMOVE_TABLE, {
   id: "sdoc_".concat(REMOVE_TABLE),
   iconClass: 'sdocfont sdoc-delete-table',
-  text: 'remove_table'
+  text: 'Remove_table'
 }), _defineProperty(_MENUS_CONFIG_MAP, TEXT_STYLE, [{
   id: ITALIC,
   iconClass: 'sdocfont sdoc-italic',

package/dist/basic-sdk/extension/index.js

@@ -5,13 +5,14 @@ import Plugins from './plugins';
 import renderElement from './render/render-element';
 import renderLeaf from './render/render-leaf';
 import Toolbar from './toolbar';
+import { ContextMenu } from './menu';
 var baseEditor = withHistory(withReact(createEditor()));
-var editor = Plugins.reduce(function (editor, pluginItem) {
+var defaultEditor = Plugins.reduce(function (editor, pluginItem) {
   var withPlugin = pluginItem.editorPlugin;
   if (withPlugin) {
     return withPlugin(editor);
   }
   return editor;
 }, baseEditor);
-export default editor;
-export { renderLeaf, renderElement, Toolbar };
+export default defaultEditor;
+export { renderLeaf, renderElement, Toolbar, ContextMenu };

package/dist/basic-sdk/extension/menu/context-menu/index.css

@@ -0,0 +1 @@
+

package/dist/basic-sdk/extension/menu/context-menu/index.js

@@ -0,0 +1,37 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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, { Component } from 'react';
+import ModalPortal from '../../../../components/modal-portal';
+import { TablePlugin } from '../../plugins';
+var ContextMenu = /*#__PURE__*/function (_Component) {
+  _inherits(ContextMenu, _Component);
+  var _super = _createSuper(ContextMenu);
+  function ContextMenu() {
+    var _this;
+    _classCallCheck(this, ContextMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.renderContextMenu = function () {
+      var editor = _this.props.editor;
+      if (editor.isAllInTable()) {
+        var ContextMenuComponent = TablePlugin.contextMenu;
+        return /*#__PURE__*/React.createElement(ContextMenuComponent, _this.props);
+      }
+    };
+    return _this;
+  }
+  _createClass(ContextMenu, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(ModalPortal, {
+        className: "sdoc-context-menu"
+      }, this.renderContextMenu());
+    }
+  }]);
+  return ContextMenu;
+}(Component);
+export default ContextMenu;

package/dist/basic-sdk/extension/menu/index.js

@@ -1,4 +1,5 @@
 import MenuGroup from './menu-group';
 import MenuItem from './menu-item';
+import ContextMenu from './context-menu';
 import './menu.css';
-export { MenuGroup, MenuItem };
+export { MenuGroup, MenuItem, ContextMenu };

package/dist/basic-sdk/extension/plugins/table/index.js

@@ -1,5 +1,5 @@
 import { TABLE } from '../../constants';
-import { TableMenu } from './menu';
+import { TableMenu, ContextMenu } from './menu';
 import Table from './model';
 import withTable from './plugin';
 import { renderTable, renderTableRow, renderTableCell } from './render-elem';
@@ -9,6 +9,7 @@ var TablePlugin = {
   model: Table,
   editorMenus: [TableMenu],
   editorPlugin: withTable,
-  renderElements: [renderTable, renderTableRow, renderTableCell]
+  renderElements: [renderTable, renderTableRow, renderTableCell],
+  contextMenu: ContextMenu
 };
 export default TablePlugin;

package/dist/basic-sdk/extension/plugins/table/menu/context-menu/index.css

@@ -0,0 +1,27 @@
+.sdoc-context-menu .sdoc-table-context-menu {
+  display: block;
+}
+
+.sdoc-table-context-menu .insert-number {
+  margin-left: 50px;
+}
+
+.sdoc-table-context-menu .insert-number-input {
+  width: 36px;
+  height: 20px;
+  margin-right: .25rem;
+  padding-left: 4px;
+  padding-right: 4px;
+  text-align: center;
+  transition: none;
+}
+
+.sdoc-table-context-menu .dropdown-item:hover .insert-number-input {
+  background-color: transparent;
+  border: 1px solid #fff;
+  color: #fff;
+}
+
+.sdoc-table-context-menu .dropdown-item:disabled .insert-number-input {
+  color: #adb5bd;
+}

package/dist/basic-sdk/extension/plugins/table/menu/context-menu/index.js

@@ -0,0 +1,124 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import { withTranslation } from 'react-i18next';
+import ObjectUtils from '../../../../../utils/object-utils';
+import { TABLE_ELEMENT, TABLE_ELEMENT_POSITION, ELEMENT_TYPE } from '../../../../constants';
+import InsertTableElement from './insert-table-element';
+import { getSelectedNodeByType } from '../../../../core';
+import './index.css';
+var ContextMenu = /*#__PURE__*/function (_React$Component) {
+  _inherits(ContextMenu, _React$Component);
+  var _super = _createSuper(ContextMenu);
+  function ContextMenu(props) {
+    var _this;
+    _classCallCheck(this, ContextMenu);
+    _this = _super.call(this, props);
+    _this.updateMenuPosition = function () {
+      var menuHeight = _this.menu.offsetHeight;
+
+      // get height of context menu when the menu is drawing completed in this page
+      // if (menuHeight === 0) {
+      //   requestAnimationFrame(this.updateMenuPosition);
+      // }
+      var top = 0;
+      if (_this.position.top + menuHeight > document.body.clientHeight) {
+        top = document.body.clientHeight - menuHeight - 5;
+      } else {
+        top = _this.position.top;
+      }
+      var left = _this.position.left + 3;
+      _this.setState({
+        contextStyle: {
+          top: top,
+          left: left
+        }
+      });
+    };
+    _this.insertTableElement = function (type, position, count) {
+      var editor = _this.props.editor;
+      editor.insertTableElement(type, position, count);
+    };
+    _this.removeTableElement = function (type) {
+      var editor = _this.props.editor;
+      editor.removeTableElement(type);
+    };
+    _this.renderRemoveBtn = function (type, title) {
+      return /*#__PURE__*/React.createElement("button", {
+        onMouseDown: _this.removeTableElement.bind(_assertThisInitialized(_this), type),
+        className: "dropdown-item"
+      }, _this.props.t(title));
+    };
+    _this.state = {
+      contextStyle: {}
+    };
+    _this.position = null;
+    return _this;
+  }
+  _createClass(ContextMenu, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.position = this.props.contextMenuPosition;
+      this.updateMenuPosition();
+    }
+  }, {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var nextContextMenuPosition = nextProps.contextMenuPosition;
+      if (!ObjectUtils.isSameObject(nextContextMenuPosition, this.props.contextMenuPosition)) {
+        this.position = nextContextMenuPosition;
+        this.updateMenuPosition();
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.menu = null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var contextStyle = this.state.contextStyle;
+      var editor = this.props.editor;
+      var currentTable = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE);
+      var currentRow = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE_ROW);
+      var currentRowsCount = currentTable.children.length;
+      var currentColumnsCount = currentRow.children.length;
+      return /*#__PURE__*/React.createElement("div", {
+        style: contextStyle,
+        ref: function ref(_ref) {
+          return _this2.menu = _ref;
+        },
+        className: "sdoc-table-context-menu dropdown-menu"
+      }, /*#__PURE__*/React.createElement(InsertTableElement, {
+        type: TABLE_ELEMENT.ROW,
+        currentCount: currentRowsCount,
+        position: TABLE_ELEMENT_POSITION.BEFORE,
+        insertTableElement: this.insertTableElement
+      }), /*#__PURE__*/React.createElement(InsertTableElement, {
+        type: TABLE_ELEMENT.ROW,
+        currentCount: currentRowsCount,
+        position: TABLE_ELEMENT_POSITION.AFTER,
+        insertTableElement: this.insertTableElement
+      }), /*#__PURE__*/React.createElement(InsertTableElement, {
+        type: TABLE_ELEMENT.COLUMN,
+        currentCount: currentColumnsCount,
+        position: TABLE_ELEMENT_POSITION.BEFORE,
+        insertTableElement: this.insertTableElement
+      }), /*#__PURE__*/React.createElement(InsertTableElement, {
+        type: TABLE_ELEMENT.COLUMN,
+        currentCount: currentColumnsCount,
+        position: TABLE_ELEMENT_POSITION.AFTER,
+        insertTableElement: this.insertTableElement
+      }), /*#__PURE__*/React.createElement("div", {
+        className: 'seafile-divider dropdown-divider'
+      }), this.renderRemoveBtn(TABLE_ELEMENT.ROW, 'Remove_Row'), this.renderRemoveBtn(TABLE_ELEMENT.COLUMN, 'Remove_Column'), this.renderRemoveBtn(TABLE_ELEMENT.TABLE, 'Remove_table'));
+    }
+  }]);
+  return ContextMenu;
+}(React.Component);
+export default withTranslation('sdoc-editor')(ContextMenu);

package/dist/basic-sdk/extension/plugins/table/menu/context-menu/insert-table-element.js

@@ -0,0 +1,93 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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, { Component } from 'react';
+import { withTranslation } from 'react-i18next';
+import { Input } from 'reactstrap';
+import isHotkey from 'is-hotkey';
+import { TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from '../../../../constants';
+import { TABLE_MAX_COLUMNS, TABLE_MAX_ROWS } from '../../constants';
+var InsertTableElement = /*#__PURE__*/function (_Component) {
+  _inherits(InsertTableElement, _Component);
+  var _super = _createSuper(InsertTableElement);
+  function InsertTableElement(props) {
+    var _this;
+    _classCallCheck(this, InsertTableElement);
+    _this = _super.call(this, props);
+    _this.insertTableElement = function () {
+      var _this$props = _this.props,
+        type = _this$props.type,
+        position = _this$props.position;
+      var count = _this.state.count;
+      _this.props.insertTableElement(type, position, count);
+    };
+    _this.getTip = function () {
+      var _this$props2 = _this.props,
+        type = _this$props2.type,
+        position = _this$props2.position,
+        t = _this$props2.t;
+      if (type === TABLE_ELEMENT.ROW) {
+        return position === TABLE_ELEMENT_POSITION.AFTER ? t('Insert_below') : t('Insert_above');
+      }
+      return position === TABLE_ELEMENT_POSITION.AFTER ? t('Insert_on_the_right') : t('Insert_on_the_left');
+    };
+    _this.onKeyDown = function (event) {
+      if (isHotkey('enter', event)) {
+        event.preventDefault();
+        _this.insertTableElement();
+        return;
+      }
+    };
+    _this.onChange = function (event) {
+      var value = event.target.value || '0';
+      var newValue = value ? value.replace(/[^\d,]/g, '') : value;
+      if (newValue === _this.state.count) return;
+      var currentCount = _this.props.currentCount;
+      var numberValue = parseInt(newValue);
+      if (currentCount + numberValue > _this.maxCount) {
+        _this.setState({
+          count: _this.maxCount - currentCount
+        });
+        return;
+      }
+      _this.setState({
+        count: numberValue
+      });
+    };
+    _this.state = {
+      count: 1
+    };
+    _this.maxCount = props.type === TABLE_ELEMENT.ROW ? TABLE_MAX_ROWS : TABLE_MAX_COLUMNS;
+    return _this;
+  }
+  _createClass(InsertTableElement, [{
+    key: "render",
+    value: function render() {
+      var count = this.state.count;
+      var _this$props3 = this.props,
+        t = _this$props3.t,
+        type = _this$props3.type,
+        currentCount = _this$props3.currentCount;
+      var isDisabled = currentCount >= this.maxCount;
+      return /*#__PURE__*/React.createElement("button", {
+        onMouseDown: this.insertTableElement,
+        className: "dropdown-item d-flex align-items-center justify-content-between",
+        disabled: isDisabled
+      }, this.getTip(), /*#__PURE__*/React.createElement("div", {
+        className: "insert-number d-flex align-items-center"
+      }, /*#__PURE__*/React.createElement(Input, {
+        disabled: isDisabled,
+        className: "insert-number-input",
+        onMouseDown: function onMouseDown(e) {
+          e.stopPropagation();
+        },
+        onKeyDown: this.onKeyDown,
+        value: count,
+        onChange: this.onChange
+      }), /*#__PURE__*/React.createElement("span", null, type === TABLE_ELEMENT.ROW ? t('row(s)') : t('column(s)'))));
+    }
+  }]);
+  return InsertTableElement;
+}(Component);
+export default withTranslation('sdoc-editor')(InsertTableElement);

package/dist/basic-sdk/extension/plugins/table/menu/index.js

@@ -1,3 +1,4 @@
 import TableMenu from './table-menu';
 import ActiveTableMenu from './active-table-menu';
-export { TableMenu, ActiveTableMenu };
+import ContextMenu from './context-menu';
+export { TableMenu, ActiveTableMenu, ContextMenu };

package/dist/basic-sdk/extension/plugins/table/plugin.js

@@ -489,31 +489,38 @@ var withTable = function withTable(editor) {
   };
   newEditor.insertTableElement = function (type) {
     var position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TABLE_ELEMENT_POSITION.AFTER;
+    var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
     var _getSelectedInfo7 = getSelectedInfo(newEditor),
       tablePath = _getSelectedInfo7.tablePath,
       tableSize = _getSelectedInfo7.tableSize,
       rowIndex = _getSelectedInfo7.rowIndex,
       cellIndex = _getSelectedInfo7.cellIndex;
     if (type === TABLE_ELEMENT.ROW) {
-      if (tableSize[0] === TABLE_MAX_ROWS) return;
+      if (tableSize[0] >= TABLE_MAX_ROWS) return;
       var targetPath = position === TABLE_ELEMENT_POSITION.AFTER ? [].concat(_toConsumableArray(tablePath), [rowIndex + 1]) : [].concat(_toConsumableArray(tablePath), [rowIndex]);
-      var row = generateTableRow(tableSize[1]);
-      Transforms.insertNodes(editor, row, {
-        at: targetPath
-      });
+      var validCount = Math.min(TABLE_MAX_ROWS - tableSize[0], count);
+      for (var i = 0; i < validCount; i++) {
+        var row = generateTableRow(tableSize[1]);
+        Transforms.insertNodes(editor, row, {
+          at: targetPath
+        });
+      }
       var focusPath = [].concat(_toConsumableArray(targetPath), [cellIndex]);
       focusEditor(newEditor, focusPath);
       return;
     }
     if (type === TABLE_ELEMENT.COLUMN) {
-      if (tableSize[1] === TABLE_MAX_COLUMNS) return;
+      if (tableSize[1] >= TABLE_MAX_COLUMNS) return;
       var newCellIndex = position === TABLE_ELEMENT_POSITION.AFTER ? cellIndex + 1 : cellIndex;
-      for (var i = 0; i < tableSize[0]; i++) {
-        var newCellPath = [].concat(_toConsumableArray(tablePath), [i, newCellIndex]);
-        var newCell = generateTableCell();
-        Transforms.insertNodes(editor, newCell, {
-          at: newCellPath
-        });
+      var _validCount = Math.min(TABLE_MAX_COLUMNS - tableSize[1], count);
+      for (var j = 0; j < _validCount; j++) {
+        for (var _i = 0; _i < tableSize[0]; _i++) {
+          var newCellPath = [].concat(_toConsumableArray(tablePath), [_i, newCellIndex]);
+          var newCell = generateTableCell();
+          Transforms.insertNodes(editor, newCell, {
+            at: newCellPath
+          });
+        }
       }
       var _focusPath = [].concat(_toConsumableArray(tablePath), [rowIndex, cellIndex + 1, 0]);
       focusEditor(newEditor, _focusPath);

package/dist/basic-sdk/extension/plugins/table/render/render-table/index.css

@@ -21,6 +21,10 @@
   border-bottom: none;
 }
 
+.sdoc-table-wrapper {
+  overflow: scroll;
+}
+
 .sdoc-table-wrapper tr:first-child {
   font-weight: unset;
 }
@@ -28,3 +32,7 @@
 .sdoc-table-wrapper tr:nth-child(2n+1) {
   background-color: unset;
 }
+
+.article .sdoc-table-wrapper td {
+  min-width: 35px;
+}

package/dist/basic-sdk/extension/plugins/text-style/caret.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+var cursorStyleBase = {
+  position: 'absolute',
+  top: -2,
+  pointerEvents: 'none',
+  userSelect: 'none',
+  transform: 'translateY(-100%)',
+  fontSize: 10,
+  color: 'white',
+  background: 'palevioletred',
+  whiteSpace: 'nowrap'
+};
+var caretStyleBase = {
+  position: 'absolute',
+  // pointerEvents: 'none',
+  userSelect: 'none',
+  height: '1.2em',
+  width: 2,
+  background: 'palevioletred'
+};
+var Caret = function Caret(_ref) {
+  var color = _ref.color,
+    name = _ref.name;
+  var cursorStyles = _objectSpread(_objectSpread({}, cursorStyleBase), {}, {
+    background: color,
+    left: '0%',
+    cursor: 'default'
+  });
+  var caretStyles = _objectSpread(_objectSpread({}, caretStyleBase), {}, {
+    background: color,
+    left: '0%'
+  });
+  caretStyles['top'] = 1;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    className: "caret-item",
+    contentEditable: false,
+    style: caretStyles
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "caret-name",
+    contentEditable: false,
+    style: cursorStyles
+  }, name))));
+};
+export default Caret;

package/dist/basic-sdk/extension/plugins/text-style/render-elem.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import Caret from './caret';
 var renderText = function renderText(props, editor) {
   var attributes = props.attributes,
     children = props.children,
@@ -38,8 +39,17 @@ var renderText = function renderText(props, editor) {
       className: "token ".concat(leaf.type)
     }, markedChildren);
   }
+  var style = {
+    position: 'relative'
+  };
+  if (leaf.isCaret) {
+    style['display'] = 'inline-block';
+    style['minWidth'] = '2px';
+  }
   return /*#__PURE__*/React.createElement("span", Object.assign({
     "data-id": leaf.id
-  }, attributes), markedChildren);
+  }, attributes, {
+    style: style
+  }), leaf.isCaret ? /*#__PURE__*/React.createElement(Caret, leaf) : null, markedChildren);
 };
 export default renderText;

package/dist/basic-sdk/extension/render/render-element.js

@@ -1,10 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { Node, Editor } from '@seafile/slate';
+import { useSlateStatic } from '@seafile/slate-react';
 import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, IMAGE, ELEMENT_TYPE } from '../constants';
 import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin } from '../plugins';
 import { Placeholder, findNode } from '../core';
-var renderElement = function renderElement(props, editor) {
+var CustomElement = function CustomElement(props) {
+  var editor = useSlateStatic();
   var attributes = props.attributes,
     children = props.children,
     element = props.element;
@@ -127,4 +129,7 @@ var renderElement = function renderElement(props, editor) {
       }
   }
 };
+var renderElement = function renderElement(props) {
+  return /*#__PURE__*/React.createElement(CustomElement, props);
+};
 export default renderElement;

package/dist/basic-sdk/extension/render/render-leaf.js

@@ -1,8 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useSlateStatic } from '@seafile/slate-react';
 import { TextPlugin } from '../plugins';
-var renderLeaf = function renderLeaf(props, editor) {
+var CustomLeaf = function CustomLeaf(props) {
+  var editor = useSlateStatic();
   var _TextPlugin$renderEle = _slicedToArray(TextPlugin.renderElements, 1),
     renderText = _TextPlugin$renderEle[0];
   return renderText(props, editor);
 };
+var renderLeaf = function renderLeaf(props) {
+  return /*#__PURE__*/React.createElement(CustomLeaf, props);
+};
 export default renderLeaf;

package/dist/basic-sdk/socket/helpers.js

@@ -3,6 +3,7 @@ import deepCopy from 'deep-copy';
 import { Editor, Operation } from '@seafile/slate';
 import { getNode } from '../extension/core';
 import * as OPERATION from '../node-id/constants';
+import { setCursor } from '../cursor/helper';
 export var getNodePathById = function getNodePathById(rootNode, nodeId) {
   var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   if (rootNode.id === nodeId) return path;
@@ -250,11 +251,21 @@ export var reExecRevertOperationList = function reExecRevertOperationList(editor
     _loop2();
   }
 };
-export var syncRemoteOperations = function syncRemoteOperations(editor, remoteOperations) {
+export var syncRemoteOperations = function syncRemoteOperations(editor, remoteOperations, user, selection, cursorData) {
   if (remoteOperations.length === 0) return;
   Editor.withoutNormalizing(editor, function () {
-    remoteOperations.forEach(function (item) {
-      editor.apply(item);
-    });
+    for (var i = 0; i < remoteOperations.length; i++) {
+      var op = remoteOperations[i];
+      if (op.type === 'set_selection') {
+        continue;
+      }
+      editor.apply(op);
+    }
+    var currentUser = editor.user;
+    if (user && user.username !== currentUser.username) {
+      setCursor(editor, remoteOperations, user, selection, cursorData);
+      // sync cursor position
+      editor.onCursor && editor.onCursor(editor.cursors);
+    }
   });
 };

package/dist/basic-sdk/socket/socket-client.js

@@ -11,10 +11,12 @@ var SocketClient = /*#__PURE__*/_createClass(function SocketClient(config) {
     var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var _this$config = _this.config,
       docUuid = _this$config.docUuid,
-      user = _this$config.user;
+      user = _this$config.user,
+      cursorData = _this$config.cursorData;
     return _objectSpread({
       doc_uuid: docUuid,
-      user: user
+      user: user,
+      cursor_data: cursorData
     }, params);
   };
   this.onConnected = function () {
@@ -76,13 +78,14 @@ var SocketClient = /*#__PURE__*/_createClass(function SocketClient(config) {
     var socketManager = SocketManager.getInstance();
     socketManager.dispatchConnectState('leave-room', username);
   };
-  this.sendOperations = function (operations, version, callback) {
+  this.sendOperations = function (operations, version, selection, callback) {
     debug('=========== send operations ==========');
     debug('%O', operations);
     debug('======================================');
     _this.socket.emit('update-document', _this.getParams({
       operations: operations,
-      version: version
+      version: version,
+      selection: selection
     }), function (result) {
       callback && callback(result);
     });

package/dist/basic-sdk/socket/socket-manager.js

@@ -4,6 +4,7 @@ import EventBus from '../utils/event-bus';
 import { syncRemoteOperations, reExecRevertOperationList, revertOperationList } from './helpers';
 import SocketClient from './socket-client';
 import debug from '../utils/debug';
+import { deleteCursor } from '../cursor/helper';
 var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, document, config) {
   var _this = this;
   _classCallCheck(this, SocketManager);
@@ -28,7 +29,8 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, doc
     _this.dispatchConnectState('is-saving');
     var version = _this.document.version;
     var operations = _this.pendingOperationList.shift();
-    _this.socketClient.sendOperations(operations, version, _this.sendOperationsCallback);
+    var selection = _this.editor.selection;
+    _this.socketClient.sendOperations(operations, version, selection, _this.sendOperationsCallback);
   };
   this.sendOperationsCallback = function (result) {
     if (result && result.success) {
@@ -83,10 +85,13 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, doc
         }
 
         // 2. execute operations
-        var operations = params.operations;
+        var operations = params.operations,
+          user = params.user,
+          selection = params.selection,
+          cursorData = params.cursor_data;
         // 2.1 Update content & version
         debug('execute remote operations: %O', operations);
-        syncRemoteOperations(_this.editor, operations);
+        syncRemoteOperations(_this.editor, operations, user, selection, cursorData);
 
         // 2.2 Update document
         _this.document.version = serverVersion;
@@ -157,6 +162,10 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, doc
     });
   };
   this.dispatchConnectState = function (type, message) {
+    if (type === 'leave-room') {
+      deleteCursor(_this.editor, message);
+      _this.editor.onCursor && _this.editor.onCursor(_this.editor.cursors);
+    }
     _this.eventBus.dispatch(type, message);
   };
   this.closeSocketConnect = function () {

package/dist/basic-sdk/socket/with-socket-io.js

@@ -1,12 +1,17 @@
 var _this = this;
+import { generateCursorData } from '../cursor/helper';
 import SocketManager from './socket-manager';
 var withSocketIO = function withSocketIO(editor, options) {
   var onChange = editor.onChange;
   var newEditor = editor;
   var socketManager = null;
+  var user = options.config.user;
+  newEditor.user = user;
   newEditor.openConnection = function () {
     var document = options.document,
       config = options.config;
+    var cursorData = generateCursorData(options.config);
+    config['cursorData'] = cursorData;
     socketManager = SocketManager.getInstance(newEditor, document, config);
   };
   newEditor.closeConnection = function () {
@@ -14,9 +19,6 @@ var withSocketIO = function withSocketIO(editor, options) {
   };
   newEditor.onChange = function () {
     var operations = newEditor.operations;
-    operations = operations.filter(function (item) {
-      return item.type !== 'set_selection';
-    });
     if (!newEditor.isRemote && operations.length > 0) {
       var _socketManager = SocketManager.getInstance();
       _socketManager.addOperations && _socketManager.addOperations(operations);

package/dist/basic-sdk/utils/diff.js

@@ -3,6 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { DIFF_TYPE, ELEMENT_TYPE } from '../../basic-sdk/extension/constants';
 import ObjectUtils from './object-utils';
 var getElementIndexInDiffDocument = function getElementIndexInDiffDocument(diffValue, element) {
+  if (!diffValue || !element) return -1;
   return diffValue.findIndex(function (item) {
     return item.id === element.id;
   });

package/dist/components/doc-operations/style.css

@@ -8,6 +8,7 @@
   display: flex;
   align-items: center;
   position: relative;
+  cursor: pointer;
 }
 
 .doc-ops .op-item .sdocfont {

package/dist/components/modal-portal.js

@@ -0,0 +1,41 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 ReactDOM from 'react-dom';
+var ModalPortal = /*#__PURE__*/function (_React$Component) {
+  _inherits(ModalPortal, _React$Component);
+  var _super = _createSuper(ModalPortal);
+  function ModalPortal(props) {
+    var _this;
+    _classCallCheck(this, ModalPortal);
+    _this = _super.call(this, props);
+    _this.state = {
+      isMounted: false
+    };
+    _this.el = document.createElement('div');
+    if (props.className) {
+      _this.el.className = props.className;
+    }
+    return _this;
+  }
+  _createClass(ModalPortal, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      document.body.appendChild(this.el);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      document.body.removeChild(this.el);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return ReactDOM.createPortal(this.props.children, this.el);
+    }
+  }]);
+  return ModalPortal;
+}(React.Component);
+export default ModalPortal;

package/dist/pages/simple-editor.js

@@ -37,9 +37,6 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
-    _this.setEditorRef = function (ref) {
-      _this.editorRef = ref;
-    };
     _this.state = {
       isContextInit: false,
       errorMessage: null,
@@ -68,7 +65,8 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
               if (result && !result.children) {
                 result = {
                   version: 0,
-                  children: result.content
+                  children: result.content,
+                  cursors: result.cursors || {}
                 };
               }
               this.setState({
@@ -115,7 +113,6 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
       }
       var isOpenSocket = context.getSetting('isOpenSocket');
       return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(DocInfo, null), /*#__PURE__*/React.createElement(DocOperations, null)), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(SDocEditor, {
-        ref: this.setEditorRef,
         config: context.getEditorConfig(),
         document: document,
         isOpenSocket: isOpenSocket,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.48",
+  "version": "0.1.50",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -9,11 +9,13 @@
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
-    "@seafile/slate-react": "0.92.2",
+    "@seafile/slate-react": "0.92.5",
+    "ahooks": "3.7.7",
     "classnames": "2.3.2",
     "deep-copy": "1.4.2",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
+    "randomcolor": "0.6.2",
     "react-cookies": "0.1.1",
     "reactstrap": "8.9.0",
     "slugid": "3.2.0",

package/public/locales/cs/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Přepnout do rozšířeného textového editoru",
   "switch_to_viewer": "Přepnout do značkovacího prohlížeče",
   "help": "Pomoc",
-  "remove_table": "Odebrat tabulku",
+  "Remove_table": "Odebrat tabulku",
   "column": "Sloupec",
   "row": "Řádek",
   "set_align": "Nastavit zarovnání",

package/public/locales/de/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Zum Editor mit Formatierungen wechseln",
   "switch_to_viewer": "Zur Markdown-Vorschau wechseln",
   "help": "Hilfe",
-  "remove_table": "Tabelle entfernen",
+  "Remove_table": "Tabelle entfernen",
   "column": "Spalte",
   "row": "Zeile",
   "set_align": "Ausrichtung festlegen",

package/public/locales/en/sdoc-editor.json

@@ -34,7 +34,7 @@
   "switch_to_rich_text_editor": "Switch to Rich Text Editor",
   "switch_to_viewer": "Switch to Markdown Viewer",
   "help": "Help",
-  "remove_table": "Remove Table",
+  "Remove_table": "Remove table",
   "column": "Column",
   "row": "Row",
   "Insert_Row_Before": "Insert Row Before",
@@ -246,5 +246,11 @@
   "Rows": "Rows",
   "Columns": "Columns",
   "Please_enter_title": "Please enter title",
-  "Please_enter_text": "Please enter text"
+  "Please_enter_text": "Please enter text",
+  "row(s)": "row(s)",
+  "column(s)": "column(s)",
+  "Insert_below": "Insert below",
+  "Insert_above": "Insert above",
+  "Insert_on_the_right": "Insert on the right",
+  "Insert_on_the_left": "Insert on the left"
 }

package/public/locales/es/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Cambiar a editor de texto enriquecido",
   "switch_to_viewer": "Cambiar a visualizador Markdown",
   "help": "Ayuda",
-  "remove_table": "Eliminar tabla",
+  "Remove_table": "Eliminar tabla",
   "column": "Columna",
   "row": "Fila",
   "set_align": "Establecer alineación",

package/public/locales/es-AR/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Cambiar a editor de texto enriquecido",
   "switch_to_viewer": "Cambiar a visualizador Markdown",
   "help": "Ayuda",
-  "remove_table": "Eliminar tabla",
+  "Remove_table": "Eliminar tabla",
   "column": "Columna",
   "row": "Fila",
   "set_align": "Establecer alineación",

package/public/locales/es-MX/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Cambiar a editor de texto enriquecido",
   "switch_to_viewer": "Cambiar a visualizador Markdown",
   "help": "Ayuda",
-  "remove_table": "Eliminar tabla",
+  "Remove_table": "Eliminar tabla",
   "column": "Columna",
   "row": "Fila",
   "set_align": "Establecer alineación",

package/public/locales/fr/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Basculer en éditeur de texte riche",
   "switch_to_viewer": "Basculer en visualiseur Markdown",
   "help": "Aide",
-  "remove_table": "Supprimer la table",
+  "Remove_table": "Supprimer la table",
   "column": "Colonne",
   "row": "Ligne",
   "set_align": "Ajuster l'alignement",

package/public/locales/it/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Passa all'Editor di testo formattato",
   "switch_to_viewer": "Passa alla vista di tipo Markdown",
   "help": "Aiuto",
-  "remove_table": "Rimuovere Tabella",
+  "Remove_table": "Rimuovere Tabella",
   "column": "Colonna",
   "row": "Riga",
   "set_align": "Imposta allineamento",

package/public/locales/ru/sdoc-editor.json

@@ -29,7 +29,7 @@
   "switch_to_rich_text_editor": "Переключиться на визуальный редактор",
   "switch_to_viewer": "Переключиться на просмотр Markdown",
   "help": "Помощь",
-  "remove_table": "Удалить таблицу",
+  "Remove_table": "Удалить таблицу",
   "column": "Столбец",
   "row": "Строка",
   "set_align": "Установить выравнивание",

package/public/locales/zh-CN/sdoc-editor.json

@@ -32,7 +32,7 @@
   "switch_to_rich_text_editor": "切换至富文本编辑器",
   "switch_to_viewer": "切换到只读模式",
   "help": "帮助",
-  "remove_table": "删除表格",
+  "Remove_table": "删除表格",
   "column": "列",
   "row": "行",
   "Insert_Row_Before": "上方插入行",
@@ -238,5 +238,11 @@
   "Rows": "行数",
   "Columns": "列数",
   "Please_enter_title": "请输入标题",
-  "Please_enter_text": "请输入正文"
+  "Please_enter_text": "请输入正文",
+  "row(s)": "行",
+  "column(s)": "列",
+  "Insert_above": "在上方插入",
+  "Insert_below": "在下方插入",
+  "Insert_on_the_right": "在右侧插入",
+  "Insert_on_the_left": "在左侧插入"
 }