相关疑难解决方法(0)

我正在使用react- quill npm 包并在 nextjs 中动态导入它，我也在使用 create-next-app 样板。我能够让 react-quill 编辑器工作，但我无法获得使用工具栏中的对齐按钮设置的图像样式/段落样式并重新显示内容 - 图像/段落。

用例：

1. 添加图像/段落并从编辑器的工具栏中添加对齐方式。
2. 将编辑器内容保存在数据库中
3. 使用 npm 包htmr从数据库中重新显示 react- quill编辑器的内容

预期：图像/段落内容仍应右对齐/居中/对齐。

实际：图像/段落内容已删除所有样式属性。

下面是我的代码，如何在nextjs中为react-quill的图像/段落注册样式是我的问题

import { useState,useEffect } from 'react'
import Router from 'next/router'
import dynamic from 'next/dynamic' 
import { withRouter } from 'next/router'   // used to get access to props of react-dom
import { getCookie,isAuth } from '../../actions/auth';
import { createBlog }  from '../../actions/blog'

// dynamically importing react-quill  
const ReactQuill = dynamic( ()=> import('react-quill'), {ssr:false} ) …