提问人：Stefan Walter 提问时间：10/29/2023 更新时间：11/6/2023 访问量：64
渲染 Tiptap 编辑器看起来像 MUI TextField
Render Tiptap editor look like a MUI TextField
问：
如何将 tiptap 编辑器渲染为与 material-ui 文本字段相同的编辑器？
我指的是 material-ui 文本字段的概述或标准变体。具有相同的外观，尤其是 material-ui 文本字段的边框。或者有没有办法将 tiptap 编辑器嵌入到 material-ui 文本字段中？
有人对此有解决方案或方法吗？
答：
1赞
Steven D.
11/29/2023
#1
我发布了一个包（https://github.com/sjdemartini/mui-tiptap），它使用 Material-UI 设置了 Tiptap 编辑器的样式。它的默认外观/变体设置为类似于 MUI“轮廓”变体，该变体具有您提到的边框。mui-tiptapTextField
它是可自定义的，因此如果您已经拥有自己的控件菜单栏，则可以使用它，或者您可以利用附带的组件、扩展等来更快地进行设置。mui-tiptap
您可以在此 CodeSandbox 中自行试用，也可以按照 GitHub README 在您的项目中安装和使用。
评论