在富文本编辑器中,如何让新输入的文字不自动带有前面文字的样式? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
alexad
V2EX    前端开发

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

  •  
  •   alexad 2021-11-21 15:29:22 +08:00 2116 次点击
    这是一个创建于 1497 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如现在有一行文字,加了黄色的背景,如果光标切到这行文字的末尾,接着后面继续输入文字,新输入的文字都会带上黄色的背景,想问有什么办法让新输入的文字不带任何样式,就是最初始纯文本的样子?
    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     Solana     981 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 23:50 PVG 07:50 LAX 15:50 JFK 18:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86