腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使同步富文本编辑器将空格改为`&nbsp；‘？

问如何使同步富文本编辑器将空格改为`&nbsp；‘？
EN

Stack Overflow用户

提问于 2022-11-02 05:24:07

回答 1查看 30关注 0票数 0

如何使同步富文本编辑器将空格替换为 

编辑器将 设置为空格而不是空格。此行为阻止css word-break: break-word;正常工作。也就是说，整个文本被视为一个词，而不是将单词保持在同一行而不分裂它们。

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

是否可以使同步使用<pre>而不是和空格而不是 ？

因此，我的主要问题是，我希望从编辑器产生的内容的单词中断正常工作。

一个显而易见的解决方案可能是在保存值之前手动编辑它。即用空格代替 。但这感觉很烦人，而且容易出错(虽然我想不出会产生错误的情况)。

我预计会有一个API用于这一目的。我试图谷歌和浏览文献化，但没有找到任何允许配置空间行为。如果我错过了它，你能指给我看吗？

更新

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

api

vuejs2

text-editor

space

syncfusion

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-11-09 02:16:30

此问题是由为光标指针添加到富文本编辑器中的非零宽度空间造成的，可以通过在保存数据库中的值之前将富文本编辑器内容中的非零宽度空间替换为空值来修复，或者只需为RichTextEditor content元素使用空格:预包装CSS样式。

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

使用CSS样式：

.e-richtexteditor.e-RTE-TB-展开.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()；

变量替换= text.replace(/ /g，‘')；//从RichTextEditor值中删除

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74289919

复制

matlab展示两个向量之间的差异

matlab diff legend plot 函数

叶茂林

2023/10/07

2370

寻找差异的feature

image png

在生物学上，经常会遇到找control和treat的差异基因或者任意两个或者两个以上处理条件下，最差异的变化，比如我有这样一个数据,几千个细胞分为处理过的和没处理过的，然后通过拍照记录了他们的形态大小等几十个特征，我想知道哪个特征产生了最大的变化。

生信编程日常

2020/04/01

5630

Python寻找给定序列中相差最小的两个数字

python

import random def getTwoClosestElements(seq): #先进行排序，使得相邻元素最接近 #相差最小的元素必然相邻 seq = sorted(seq) #无穷大 dif = float('inf') #遍历所有元素，两两比较，比较相邻元素的差值 #使用选择法寻找相差最小的两个元素 for i,v in enumerate(seq[:-1]): d = abs(v - seq[i+1]) if d < dif:

Python小屋屋主

2018/04/17

2.2K0

两个坐标之间对距离计算

由于项目的需要，所以学习了两个经纬度之间的距离（单位：米） package org.choviwu.movie.test; public class DistanceUtil { private static double EARTH_RADIUS = 6378.137; private static double rad(double d) { return d * Math.PI / 180.0; } /** * 通过经纬度获取距离(单位

简单的程序员

2020/04/18

1.6K0

3个分组的表达量矩阵的两两之间差异分析

可以看到，我给这3个分组的表达量各自随机挑选了1000个基因进行系统性的提高，如下所示：

生信技能树

2021/05/27

2.6K0

Python|寻求两个数对之间的最大乘积

编程算法

两个数对 (a, b) 和 (c, d) 之间的乘积差定义为 (a * b) - (c * d) 。

算法与编程之美

2021/07/09

1.2K0

超实用！使用Python快速对比两个Excel表格之间的差异

python 数据库 sql

对于日常办公中需要处理数据的同学来说，有时候需要对比两个Excel表格（或者是数据库）的数据是否完全相同。

活用数据

2022/10/04

4.6K0

RabbitMQ与Kafka之间的差异

rabbitmq kafka 消息队列 CMQ 版分布式

被概括为“开源分布式消息代理”，用Erlang编写，有助于在复杂的路由方案中有效地传递消息，可以通过服务器上启用的插件进行扩展，高可用（队列可以在集群中的机器上进行镜像）

ruochen

2021/11/25

4.1K0

进程、会话、连接之间的差异

oracle

--======================== -- 进程、会话、连接之间的差异 --======================== 在使用Oracle database的时候，连接与会话是我们经常碰到的词语之一。咋一看貌似一回事，事实则不然。一个连接上可以建立零个、一个、甚至多个会话。啊，咋这样呢？是的，没错。这也是我们经常误解的原因。各个会话之间是单独的，独立于其他会话，即便是同一个连接的多个会话也是如此。一、几个术语之间的定义(参照Oracle 9i &10g 编程艺术) 连接（connection）：连接是从客户到Oracle 实例的一条物理路径。连接可以在网络上建立，或者通过IPC 机制建立。通常会在客户进程与一个专用服务器或一个调度器之间建立连接。会话（session）：会话是实例中存在的一个逻辑实体。这就是你的会话状态（session state），也就是表示特定会话的一组内存中的数据结构.提到"数据库连接"时,大多数人首先想到的就是“会话”。你要在服务器中的会话上执行SQL、提交事务和运行存储过程。二、通过例子演示来查看之间的关系 1. 无连接，无会话，无进程的情形

Leshami

2018/08/14

2K0

比较不同的对单细胞转录组数据寻找差异基因的方法

编程算法 http

背景介绍如果是bulk RNA-seq，那么现在最流行的就是DESeq2 和 edgeR啦，而且有很多经过了RT-qPCR 验证过的真实测序数据可以来评价不同的差异基因算法的表现。对单细胞测序数据来说，通常需要先聚类之后把细胞群体进行分组，然后来比较不同的组的差异表达情况。当然，也有不少单细胞测序实验设计本身就有时间点，不同个体来源，不同培养条件这样的分组！同时还有不少方法是不需要预先分类的，因为分类本身就会引入偏差。跟bulk RNA-seq不一样的地方是，scRNA-seq通常涉及到的样本数量更

生信技能树

2018/03/09

9K0

python比较两个list之间的差异、相同（差集、交集、并集）

difference intersection set union 数据

初始化数据 listA = [‘zhangsan’, ‘lisi’, ‘wangwu’] listB = [‘zhangsan’, ‘lisi’, ‘zhaoliu’] 1、取差集 1.1、listA对应listB的差集 set(listA).difference(set(listB)) —– set([‘wangwu’]) 1.2、listB对应listB的差集

kirin

2021/04/19

6.6K0

NC：寻找群落差异的reference frames

https 网络安全

本文展示了在比较不同样品的相对丰度时的常见陷阱，并确定了两种无需估计微生物总量就能揭示微生物变化的方法。

Listenlii-生物信息知识分享

2020/06/01

1.1K0

LeetCode 1913. 两个数对之间的最大乘积差

python 数据结构

两个数对 (a, b) 和 (c, d) 之间的乘积差定义为 (a * b) - (c * d) 。

freesan44

2021/09/05

7210

LeetCode 1913. 两个数对之间的最大乘积差

https 网络安全编程算法

两个数对 (a, b) 和 (c, d) 之间的乘积差定义为 (a * b) - (c * d) 。

Michael阿明

2021/09/06

4570

LeetCode 1913. 两个数对之间的最大乘积差

数组

两个数对 (a, b) 和 (c, d) 之间的乘积差定义为 (a * b) - (c * d) 。

freesan44

2021/12/06

3990

PostgreSQL 和 MySQL 之间的性能差异

云数据库 postgresql postgresql 云数据库 SQL Server json 数据库

在管理数据库时，性能是一项非常重要而又复杂的任务。它可能会受到系统的配置、硬件甚至设计的影响。有趣的是，PostgreSQL和MySQL都配置了兼容性和稳定性，这取决于我们的数据库设计的硬件基础架构。

肉眼品世界

2022/04/19

8.5K0

[git] 查看两个分支的差异

git

当多人开发的时候如果想知道两个分支有啥差异 git diff 分支1 分支2 --stat -标记的是左边有，右边没有的 +-标记的是两边有修改的查看某个文件的差异 git diff 分支1 分支2 文件路径

唯一Chat

2021/09/06

2K0

寻找最小二乘法

api numpy scikit-learn 线性回归机器学习

都知道线性回归模型要求解权重向量w，最传统的做法就是使用最小二乘法。根据在scikit-learn的文档，模型sklearn.linear_model.LinearRegression，使用的就是最小二乘法（least squares ）：

木羊

2022/04/11

3550

Snap, AppImage和 Flatpak之间差异

ubuntu 打包 linux

早些时候，想要为各种Linux发行版分发应用程序的开发人员在打包方面面临许多挑战。这是因为市场上有许多Linux发行版，并且都使用不同的包管理系统。

从大数据到人工智能

2022/01/18

7.9K0

如何通过PHP打包Git版本库中两个版本之间的差异文件？

php 文件存储

PHP作为脚本语言，很多时候我们更新程序都只需要把修改过的文件重新上传覆盖一下就行。

房东的狗丶

2023/02/17

2K0

相似问题

寻找两个数组之间的最小可能差异

寻找最小差异

寻找两个列表之间的差异

寻找两个DataTables之间的差异

关于寻找两个元素的数组之间的最小差异的混乱

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如何使同步富文本编辑器将空格改为`&nbsp；‘？
EN