@lobehub/editor 1.23.1 → 1.25.0

package/es/react/Editor/Editor.js

@@ -28,6 +28,7 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
   var content = _ref.content,
     style = _ref.style,
     className = _ref.className,
+    editable = _ref.editable,
     editor = _ref.editor,
     onInit = _ref.onInit,
     onChange = _ref.onChange,
@@ -99,6 +100,7 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
     children: [memoPlugins, memoSlash, memoMention, /*#__PURE__*/_jsx(ReactPlainText, {
       autoFocus: autoFocus,
       className: className,
+      editable: editable,
       enablePasteMarkdown: enablePasteMarkdown,
       markdownOption: markdownOption,
       onBlur: onBlur,

package/es/react/Editor/type.d.ts

@@ -11,6 +11,7 @@ export interface EditorProps extends Partial<ReactEditorContentProps>, Omit<Reac
     autoFocus?: boolean;
     children?: ReactNode;
     className?: string;
+    editable?: boolean;
     editor?: IEditor;
     /**
      * Enable automatic markdown formatting for pasted content

package/es/react/hooks/useEditorState/index.js

@@ -34,6 +34,7 @@ import { $findTopLevelElement, formatParagraph, getSelectedNode } from "./utils"
  * @returns Editor state and methods for toolbar functionality
  */
 export function useEditorState(editor) {
+  var _editor$isEditable;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     canUndo = _useState2[0],
@@ -42,70 +43,76 @@ export function useEditorState(editor) {
     _useState4 = _slicedToArray(_useState3, 2),
     canRedo = _useState4[0],
     setCanRedo = _useState4[1];
-  var _useState5 = useState(false),
+  var _useState5 = useState((_editor$isEditable = editor === null || editor === void 0 ? void 0 : editor.isEditable()) !== null && _editor$isEditable !== void 0 ? _editor$isEditable : true),
     _useState6 = _slicedToArray(_useState5, 2),
-    isBold = _useState6[0],
-    setIsBold = _useState6[1];
+    editable = _useState6[0],
+    setEditable = _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    isItalic = _useState8[0],
-    setIsItalic = _useState8[1];
+    isBold = _useState8[0],
+    setIsBold = _useState8[1];
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    isUnderline = _useState10[0],
-    setIsUnderline = _useState10[1];
+    isItalic = _useState10[0],
+    setIsItalic = _useState10[1];
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    isStrikethrough = _useState12[0],
-    setIsStrikethrough = _useState12[1];
+    isUnderline = _useState12[0],
+    setIsUnderline = _useState12[1];
   var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    isSubscript = _useState14[0],
-    setIsSubscript = _useState14[1];
+    isStrikethrough = _useState14[0],
+    setIsStrikethrough = _useState14[1];
   var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    isSuperscript = _useState16[0],
-    setIsSuperscript = _useState16[1];
+    isSubscript = _useState16[0],
+    setIsSubscript = _useState16[1];
   var _useState17 = useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
-    isCode = _useState18[0],
-    setIsCode = _useState18[1];
+    isSuperscript = _useState18[0],
+    setIsSuperscript = _useState18[1];
   var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    isLink = _useState20[0],
-    setIsLink = _useState20[1];
+    isCode = _useState20[0],
+    setIsCode = _useState20[1];
   var _useState21 = useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    isCodeblock = _useState22[0],
-    setIsInCodeblok = _useState22[1];
+    isLink = _useState22[0],
+    setIsLink = _useState22[1];
   var _useState23 = useState(false),
     _useState24 = _slicedToArray(_useState23, 2),
-    isBlockquote = _useState24[0],
-    setIsInBlockquote = _useState24[1];
-  var _useState25 = useState(null),
+    isCodeblock = _useState24[0],
+    setIsInCodeblok = _useState24[1];
+  var _useState25 = useState(false),
     _useState26 = _slicedToArray(_useState25, 2),
-    codeblockLang = _useState26[0],
-    setCodeblockLang = _useState26[1];
-  var _useState27 = useState(true),
+    isBlockquote = _useState26[0],
+    setIsInBlockquote = _useState26[1];
+  var _useState27 = useState(null),
     _useState28 = _slicedToArray(_useState27, 2),
-    isEmpty = _useState28[0],
-    setIsEmpty = _useState28[1];
-  var _useState29 = useState(false),
+    codeblockLang = _useState28[0],
+    setCodeblockLang = _useState28[1];
+  var _useState29 = useState(true),
     _useState30 = _slicedToArray(_useState29, 2),
-    isSelected = _useState30[0],
-    setIsSelected = _useState30[1];
-  var _useState31 = useState(null),
+    isEmpty = _useState30[0],
+    setIsEmpty = _useState30[1];
+  var _useState31 = useState(false),
     _useState32 = _slicedToArray(_useState31, 2),
-    blockType = _useState32[0],
-    setBlockType = _useState32[1];
+    isSelected = _useState32[0],
+    setIsSelected = _useState32[1];
+  var _useState33 = useState(null),
+    _useState34 = _slicedToArray(_useState33, 2),
+    blockType = _useState34[0],
+    setBlockType = _useState34[1];
   var $handleHeadingNode = useCallback(function (selectedElement) {
     var type = $isHeadingNode(selectedElement) ? selectedElement.getTag() : selectedElement.getType();
     setBlockType(type);
   }, [setBlockType]);
   var $updateToolbar = useCallback(function () {
+    var _editor$isEditable2;
     var selection = $getSelection();
     var lexicalEditor = editor === null || editor === void 0 ? void 0 : editor.getLexicalEditor();
     setIsSelected(false);
+    setEditable((_editor$isEditable2 = editor === null || editor === void 0 ? void 0 : editor.isEditable()) !== null && _editor$isEditable2 !== void 0 ? _editor$isEditable2 : true);
     if (lexicalEditor) {
       setIsEmpty($isRootTextContentEmpty(lexicalEditor.isComposing(), false));
     }
@@ -417,6 +424,7 @@ export function useEditorState(editor) {
       code: code,
       codeblock: codeblock,
       codeblockLang: codeblockLang,
+      editable: editable,
       insertLink: insertLink,
       insertMath: insertMath,
       isBlockquote: isBlockquote,

package/es/types/kernel.d.ts

@@ -14,6 +14,10 @@ export type IServiceID<Service> = {
     __serviceType?: Service;
 };
 export interface IKernelEventMap {
+    /**
+     * Editor editable state change event
+     */
+    editableChange: (editable: boolean) => void;
     /**
      * Editor error event
      */
@@ -84,6 +88,10 @@ export interface IEditor {
      * Get node editor instance
      */
     initNodeEditor(): LexicalEditor | null;
+    /**
+     * Check if editor is editable
+     */
+    isEditable(): boolean;
     /**
      * Check if editor content is empty
      * @returns true if editor content is empty, false otherwise
@@ -166,11 +174,16 @@ export interface IEditor {
      * @param content
      */
     setDocument(type: string, content: any): void;
+    /**
+     * Enable or disable editor editing capability
+     * @param editable
+     */
+    setEditable(editable: boolean): void;
     /**
      * Set document editor root node
      * @param dom
      */
-    setRootElement(dom: HTMLElement): LexicalEditor;
+    setRootElement(dom: HTMLElement, editable?: boolean): LexicalEditor;
     /**
      * Get translation text
      * @param key Translation key

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.23.1",
+  "version": "1.25.0",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",