如何在 Tiptap 中使用去抖动

How to use debounce with Tiptap

提问人:Rayyan Alam 提问时间:9/19/2023 更新时间:9/19/2023 访问量:92

问:

我在前端使用 Next,在后端使用 convex 来构建文本编辑器。 到目前为止,我已经做到了,当编辑器中有任何更新时,我会将更新的内容更新到带有突变的数据库中。 但是当我尝试向它添加去抖动时,问题就出现了,因为我不希望数据库在每次按键时都更新,所以我实现了这一点

const debounce = require("lodash.debounce");

  const editor = useEditor({
    extensions: [StarterKit],
    onUpdate: debounce(({ editor }: { editor: any }) => {
      updateContent({
        documentId: document?.[0]?._id as Id<"aipen">,
        content: editor?.getHTML(),
      });
    }, 2000),
  });

只有当两个按键之间有 2000 毫秒的间隔时,它才应该调用它,但它会在编辑器中的每个按键或更新时调用它。updateContent

我该如何解决这个问题?

ReactJS 去抖动 TipTap

评论


答: 暂无答案