小编Md *_*rim的帖子

美好的一天，我正在尝试制作一个阅读器，用户可以通过多种颜色突出显示文本，我在下面的沙箱链接上编写了代码。

https://codesandbox.io/s/gallant-snowflake-oxko7?file=/src/App.js

一切工作正常，但是当我尝试通过选择选定的文本更改先前突出显示的颜色时，我收到此错误。

InvalidStateError：无法在“范围”上执行“surroundContents”：范围已部分选择非文本节点。

我正在尝试使用 slate-react 制作一个编辑器。我制作了一个悬停菜单，但 Next.js 渲染存在样式问题。所以我尝试createPortal在 Next.js 的默认 id 下使用 React __next。但我越来越Error: Target container is not a DOM element.错误。

下面是我的代码：

import React, { useRef, useEffect, useState } from "react";
import ReactDOM from "react-dom";
import { ReactEditor, useSlate } from "slate-react";
import { Button } from "@material-ui/core";
import { Menu, Portal } from "./component";
import FormatBoldIcon from "@material-ui/icons/FormatBold";
import FormatItalicIcon from "@material-ui/icons/FormatItalic";
import FormatUnderlinedIcon from "@material-ui/icons/FormatUnderlined";
import TextFieldsIcon from "@material-ui/icons/TextFields";
import FormatSizeIcon from "@material-ui/icons/FormatSize";
import FormatQuoteIcon from …