@seafile/sdoc-editor 0.1.136 → 0.1.137

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

@@ -5,6 +5,6 @@
 }
 
 .sdoc-editor-container .article p {
-  padding: 0;
+  padding: 3px 0;
   margin: 0;
 }

package/dist/basic-sdk/editor.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useMemo, useState, forwardRef, useImperativeHandle } from 'react';
 import { Editor } from '@seafile/slate';
 import { useTranslation } from 'react-i18next';
-import defaultEditor from './extension';
+import { createDefaultEditor } from './extension';
 import { focusEditor } from './extension/core';
 import { withSocketIO } from './socket';
 import withNodeId from './node-id';
@@ -18,6 +18,7 @@ var SDocEditor = forwardRef(function (_ref, ref) {
 
   // init editor
   var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
     var newEditor = withNodeId(withSocketIO(defaultEditor, {
       document: document,
       config: config
@@ -25,6 +26,7 @@ var SDocEditor = forwardRef(function (_ref, ref) {
     var cursors = document.cursors;
     newEditor.cursors = cursors || {};
     newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.readonly = false;
     return newEditor;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

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

@@ -13,5 +13,15 @@ var defaultEditor = Plugins === null || Plugins === void 0 ? void 0 : Plugins.re
   }
   return editor;
 }, baseEditor);
+export var createDefaultEditor = function createDefaultEditor() {
+  var defaultEditor = Plugins === null || Plugins === void 0 ? void 0 : Plugins.reduce(function (editor, pluginItem) {
+    var withPlugin = pluginItem.editorPlugin;
+    if (withPlugin) {
+      return withPlugin(editor);
+    }
+    return editor;
+  }, withHistory(withReact(createEditor())));
+  return defaultEditor;
+};
 export default defaultEditor;
 export { renderLeaf, renderElement, Toolbar, ContextToolbar, SideToolbar };

package/dist/basic-sdk/views/viewer.js

@@ -1,7 +1,6 @@
-import React, { Fragment, useRef } from 'react';
-import classnames from 'classnames';
+import React, { Fragment, useMemo } from 'react';
 import { Editable, Slate } from '@seafile/slate-react';
-import defaultEditor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from '../extension';
+import { renderLeaf as _renderLeaf, renderElement as _renderElement, createDefaultEditor } from '../extension';
 import withNodeId from '../node-id';
 import { generateDefaultDocContent } from '../../utils';
 import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
@@ -14,7 +13,10 @@ var SDocViewer = function SDocViewer(_ref) {
     customRenderElement = _ref.renderElement,
     showToolbar = _ref.showToolbar,
     showOutline = _ref.showOutline;
-  var editor = withNodeId(defaultEditor);
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    return withNodeId(defaultEditor);
+  }, []);
   editor.readonly = true;
   var slateValue = (document || generateDefaultDocContent()).children;
   var decorate = usePipDecorate(editor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.136",
+  "version": "0.1.137",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",