问题标签 [suneditor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
103 浏览

javascript - 您可能需要一个额外的加载器来处理这些加载器的结果 - 反应

当我启动反应应用程序时,它会出现以下错误。我已经 export * as buttonList from './SundEditor'从 node_modules 中的包中评论了它然后它可以工作但我需要这个 buttonList 并且反应无法加载它

错误

0 投票
1 回答
235 浏览

reactjs - react-suneditor css未在生产中加载

我设置了 react-suneditor 就像它在文档中所说的那样,使用动态加载,因为我使用的是 Next.js。

在我的 macbook 上开发时,富文本编辑器可以正常工作并且看起来很好。但是,当我在 Heroku 上推送到我的服务器时,它完全弄乱了样式。我想知道加载css时是否有问题?

它在开发中的样子: 在此处输入图像描述

它在服务器上的外观: 在此处输入图像描述

0 投票
0 回答
53 浏览

javascript - 当文本从服务器上的 MS Word 粘贴时,字体系列自动作为“符号”应用到 Sun 编辑器文本区域

当我将文本从 Microsoft Word 复制到 Sun Editor 富文本编辑器时,该问题出现在服务器上,整个文本看起来像希腊/其他符号。当我从开发人员工具中检查时,字体系列被应用为符号,因为它正在发生。当我将样式更改为其他样式时,例如 sans serif 和所有在开发人员工具中的文本正确显示我们在我们的 React js 代码中使用 Sun 编辑器库,并且我们没有在我们的代码中针对此问题进行任何样式设置。当我从本地机器运行代码时,它工作正常,文本被粘贴,没有任何问题。知道可能是什么原因造成的吗?

0 投票
0 回答
45 浏览

javascript - 如何在新行/按回车时重置元素?目前它复制前一个属性的所有属性

当用户在文本编辑器(即 SunEditor)中编写文本并按下回车键时,他们会转到下一个新行并创建一个元素。
我遇到的问题是,它复制了之前的元素,而不是创建一个新元素,比如<p>.

在我的代码中,我正在遍历每个元素并想给它一个属性,但这不起作用。一旦我按下回车键,就会使用之前的元素和属性。

在此处输入图像描述

这是我的意思的屏幕截图。

这是一个沙箱:https ://codesandbox.io/s/suneditor-issue-3bf68?file=/src/App.js

版本

我正在使用 SunEditor 和 React Wrapper:

我试过的

我浏览了文档,但找不到会禁用此功能的属性。我也尝试使用defaultTag并将其设置为p,但没有帮助。

0 投票
1 回答
39 浏览

reactjs - 如何在 Sun Editor 中使用预定义值将 React 状态值插入 HTML 模板?

我有一些用户插入字段,如标题、日期、时间,还有一个带有一些值的选择下拉选项。在这些字段下方,有一个使用suneditor react的文本编辑选项,因此当我单击选择下拉菜单时,会自动将具有预定义值的 HTML 模板插入到此文本编辑字段中。

现在我想用用户插入的日期、时间等替换文本编辑字段的预定义值。任何资源、视频、博客或建议?

常见问题:这是一个与邮件配置集成的邀请模板,其中选择了一个下拉列表项,然后将预定义的数据插入到 sun 编辑器的文本编辑字段中,现在需要从用户插入的输入字段中更改一些值。

0 投票
0 回答
29 浏览

reactjs - 为什么我不能在 SunEditor 组件中直接使用 Props,它会显示以前的渲染数据?

我在组件中传递道具并直接在 suneditor 中使用..

上面的代码无法按预期工作,并且编辑器的内容多次过时。但是,如果我不直接使用 postcontent 并首先将其保存在一个 state 中,然后将 state 设置为 editor ,它就可以正常工作。工作代码是

还有其他代码,但在上述两种情况下它们都是相同的

0 投票
1 回答
101 浏览

reactjs - SunEditor onChange 事件中的状态未更新

版本

  • 下一个:12.0.7
  • 太阳编辑器:2.41.3
  • suneditor反应:3.3.1

当我键入控制台面板时,总是显示只有content更改,但toggle没有更改。

我真的不知道会发生什么,我只想在SunEditor'sonChange事件中设置其他状态,但我不能。谁能向我解释如何解决这个问题?

0 投票
0 回答
22 浏览

reactjs - Next.js 中的 imageUploadUrl SunEditor

我想问一下,因为几天后我还没有找到将文件上传到 API 的方法。我在 Next.js 项目中使用 suneditor 作为编辑器。我希望当我上传图像时,图像将被发送到 API https://api-my.com/v1/file-uploads或 /file-uploads,其中包含一个字段为文件。

我尝试过使用这种方法,但它不起作用。

0 投票
0 回答
11 浏览

javascript - 如何将 Suneditor 格式下拉菜单的设置默认值设置为 Header1

https://codesandbox.io/s/suneditor-react-forked-w594x3?file=/src/App.js:781-788

在上面提到的链接中,我添加了下面提到的格式。

它在格式下拉列表中显示多个标题选项。我想知道如何将下拉列表的默认值设置为 Header1

目前默认显示如下 在此处输入图像描述

但需要如下设置

在此处输入图像描述

0 投票
0 回答
15 浏览

next.js - 在带有 CodeMirror 的 Next JS 中使用 Sun 编辑器

我正在尝试在 NextJS 应用程序中使用 SunEditor,我可以使用如下动态导入

现在问题开始了,当我希望在编辑器中使用 codeMirror 选项时,我也需要动态导入

在正确设置 codeMirror 选项后,会发生此错误

有没有人能够使用它 NextJS。任何帮助将不胜感激。