在富文本编辑器中,如何让新输入的文字不自动带有前面文字的样式?

2021-11-21 15:29:22 +08:00
 alexad
比如现在有一行文字,加了黄色的背景,如果光标切到这行文字的末尾,接着后面继续输入文字,新输入的文字都会带上黄色的背景,想问有什么办法让新输入的文字不带任何样式,就是最初始纯文本的样子?
1449 次点击
所在节点    前端开发
12 条回复
alexad
2021-11-21 15:31:44 +08:00
想到一个方法,在光标处插入一个新的不带任何样式的标签,里面用一个零宽字符 `` 占位,不知道这样可不可行
eason1874
2021-11-21 15:31:52 +08:00
继续输入,之后选中不需要样式的文字,点 [清除样式] ,如果没有就点背景设置为无
HankLu
2021-11-21 15:37:08 +08:00
没有办法,只能先粘贴到记事本再粘贴
alexad
2021-11-21 15:37:44 +08:00
@eason1874 谢谢这位老哥,可能是我表述的问题,现在是需要实现这样的一个需求,让用户接着有样式的文本输入时直接就是没有任何样式的纯文本
alexad
2021-11-21 15:40:28 +08:00
我可能没表述清除哈哈哈哈,不是请教怎么使用富文本编辑器,而是在富文本编辑器里这样的需要该怎么实现,我现在只能想到 1 楼的解决方法,不知道有没有其他方法
cmdOptionKana
2021-11-21 17:24:20 +08:00
这个需求不符合常规啊,可能会给用户造成困惑。

但要实现很容易,根据光标的下一个字符判断即可,光标下一个字符无格式或无内容,就让新输入的文字无格式。
Howlaind
2021-11-21 18:07:16 +08:00
所有输入文字固定为一种样式?
感觉反而是跟随前文样式难实现些啊。
还是说要在别人的框架上改么。
AllenHua
2021-11-21 23:01:53 +08:00
多敲两个空格然后配合方向键把光标移动到后面你想输入“pure text” 的地方。

换行时同理,先多敲两个换行。
AllenHua
2021-11-21 23:04:29 +08:00
@AllenHua #8 空格也要先敲,等你设置了黄色 background color 的时候再敲空格不论多少个都是带了这个样式的。
shakoon
2021-11-22 11:05:21 +08:00
不光是网页上的富文本编辑器是这样,所有的文字编辑软件都是这样的
TomVista
2021-11-22 11:31:36 +08:00
换个思路 提供快捷键 清除当前使用的样式

我认为 双 tab 挺不错

代码层的表现如下
<样式标签>文字 |(光标) <样式标签>

双 tab 操作

<样式标签>文字<样式标签><默认样式标签> |(光标) <默认样式标签>
alexad
2021-11-22 14:33:52 +08:00
@TomVista 谢谢谢谢!产品给没快捷键的设计(捂脸),我现在的想法和你提供的建议差不多,就是要在没有 tab 操作下直接实现

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/816937

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX