@ctzhian/tiptap 1.8.0 → 1.8.2-beta.1

package/dist/Editor/demo.js

@@ -7,16 +7,17 @@ import { Box, Button } from '@mui/material';
 import React from 'react';
 import "../index.css";
 var Reader = function Reader() {
+  var isMarkdown = false;
   var _useTiptap = useTiptap({
       editable: true,
-      // mode: 'markdown',
+      contentType: isMarkdown ? 'markdown' : 'html',
       exclude: ['invisibleCharacters'],
       onSave: function onSave(editor) {
-        console.log('============= markdown =============');
-        console.log(editor.getMarkdown());
-        console.log('============= html =============');
-        console.log(editor.getHTML());
-        editor.commands.setContent(editor.getHTML());
+        var value = isMarkdown ? editor.getMarkdown() : editor.getHTML();
+        console.log(value);
+        editor.chain().focus().setContent(value, {
+          contentType: isMarkdown ? 'markdown' : 'html'
+        }).run();
       },
       onAiWritingGetSuggestion: function () {
         var _onAiWritingGetSuggestion = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {

package/dist/hook/index.js

@@ -100,11 +100,17 @@ var useTiptap = function useTiptap(_ref) {
   }));
   return {
     editor: editor,
+    setContent: function setContent(value) {
+      var _editor$chain;
+      editor === null || editor === void 0 || (_editor$chain = editor.chain()) === null || _editor$chain === void 0 || (_editor$chain = _editor$chain.focus()) === null || _editor$chain === void 0 || (_editor$chain = _editor$chain.setContent(value, {
+        contentType: contentType === 'markdown' ? 'markdown' : 'html'
+      })) === null || _editor$chain === void 0 || _editor$chain.run();
+    },
     getMarkdown: function getMarkdown() {
+      if (!editor) return '';
       if (contentType === 'markdown') {
         return editor.getMarkdown();
       }
-      if (!editor) return '';
       return renderToMarkdown({
         extensions: editor.extensionManager.extensions,
         content: editor.getJSON()

package/dist/type/index.d.ts

@@ -2,6 +2,7 @@
 import { PopoverOrigin, SxProps, Theme } from '@mui/material';
 import { Editor, Extension } from '@tiptap/core';
 import { YoutubeOptions } from '@tiptap/extension-youtube';
+import { UseEditorOptions } from '@tiptap/react';
 export type { Editor } from '@tiptap/react';
 export interface MenuItem {
     label?: React.ReactNode;
@@ -84,14 +85,13 @@ export type MentionExtensionProps = {
         query: string;
     }) => Promise<MentionItems>;
 };
-export type ModeType = 'rich-text' | 'markdown' | 'diff';
 export type ExtensionRelativeProps = MentionExtensionProps & EditorFnProps & {
-    contentType?: ModeType;
     limit?: number | null;
     exclude?: string[];
     extensions?: Extension[];
     editable: boolean;
     youtube?: Partial<YoutubeOptions>;
+    contentType?: UseEditorOptions['contentType'];
 };
 export type UseTiptapProps = {
     onSave?: (editor: Editor) => void;
@@ -99,6 +99,7 @@ export type UseTiptapProps = {
 export type GetExtensionsProps = ExtensionRelativeProps;
 export type UseTiptapReturn = {
     editor: Editor;
+    setContent: (value: string) => void;
     getMarkdown: () => string;
     getText: () => string;
     getHTML: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.8.0",
+  "version": "1.8.2-beta.1",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",