V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
alexad
V2EX  ›  前端开发

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

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

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

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

    我认为 双 tab 挺不错

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

    双 tab 操作

    <样式标签>文字<样式标签><默认样式标签> |(光标) <默认样式标签>
    alexad
        12
    alexad  
    OP
       2021-11-22 14:33:52 +08:00
    @TomVista 谢谢谢谢!产品给没快捷键的设计(捂脸),我现在的想法和你提供的建议差不多,就是要在没有 tab 操作下直接实现
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2692 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 10:16 · PVG 18:16 · LAX 02:16 · JFK 05:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.