如何使同步富文本编辑器放置空格而不是" "？

如何使syncfusion富文本编辑器放置空格而不是 ？

编辑器放置 而不是空格。此行为会阻止cssword-break: break-word;正常工作。也就是说，不是将单词放在同一行而不拆分，而是将整个文本视为一个单词。

例如，如果我键入qqqq，然后复制并粘贴编辑器的内容，我将看到以下内容：qqqq qqqq，而this.$refs.sfRichTextEditor.instance.value将产生以下结果：qqqq qqqq 。

是否可能使同步融合使用<pre>而不是和空间而不是 ？

所以，我的主要问题是，我希望编辑制作的内容能够正常工作。

一个显而易见的解决方案可能是在保存值之前手动编辑它，即用空格替换 。但这感觉很粗糙，很容易出错(尽管我想不出什么情况会出错(。

我希望有一个API的目的。我试着用谷歌搜索并浏览文档，但没有找到任何可以配置空间行为的东西。如果我错过了，你能给我指一下吗？

更新

如果我只键入qqq qqq，那么我得到了预期的空间。但是，键入qqq，复制它，然后将它粘贴回会生成qqq 。因此，只有在粘贴文本时才会出现问题。这是一种我无能为力的预期行为吗？

此问题是由为光标指针添加到Rich Text Editor中的非零宽度空间引起的，可以通过在将值保存到数据库中之前在Rich Text编辑器内容中将非零宽度空格替换为空值来解决，也可以通过简单地为RichTextEditor内容元素使用空白：预包装CSS样式来解决。

您可以遵循以下任一解决方案。

使用CSS样式：

.e-rite-tb-expand.e-te-content，

.e-richtexteditor.e-rte-tb-expand .e-source-content {
white-space: pre-wrap;
}

样品：https://stackblitz.com/edit/vlk2lx?file=index.html，index.ts

使用Regex:

获取RichTextEditor值后，在保存到数据库之前，请使用以下代码。

//使用regex

var text=defaultRTE.getHtml((；

var replaced=text.replaced(//g，''(；//从RichTextEditor值中删除

样品：https://stackblitz.com/edit/vlk2lx-obq9ds?file=index.html，index.ts

相关内容