问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

请教前端达人,知乎的编辑器是怎样实现这个功能的

发布网友 发布时间:2022-04-24 07:33

我来回答

1个回答

热心网友 时间:2022-04-20 05:28

在线富文本编辑器里面,做以下操作:
选中一串文字,点击“ B ”把它加粗。
把游标移到这串文字的中间,再点“ B ”。
输入一些文字。
在大部分其他的编辑器里面,到第二步的时候,刚才加粗的所有文字都回复了正常状态:
step1: some bold text
step2: some bold text
step3: some inserted text bold text
而知乎的编辑器的效果是这样:
step1: some bold text
step2: some bold text
step3: some inserted text bold text
从 HTML 上面看,它是把一个<b></b>节点拆成了三个节点:
<b>some</b>inserted text<b>bold text</b>.
问题是:在 contentEditable 上的编辑操作只能更新当前节点的文本内容,也就是说如果没有 js 干预,效果是这样:
<b>some inserted text bold text</b>
知乎的编辑器是怎样完成分拆动作的?
监听 keypress 事件?那输入中文怎样实现?
监听 change ?
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
HPV16阳性就是宫颈癌吗 防静电工作台销售前景怎么样 在深圳,精益管工作台的价格一般是怎么样的? 防静电式PCB周转车有没有按需定做的生产厂? 深圳全百捷公司主要做什么的 深圳哪一个厂家的信誉比较好。 广东防静电工作台哪里的比较好 男人补精吃什么男人补精10大食物 什么是甲骨文认证教育 甲骨文证报考条件 知乎写回答如何给字体加黑 f(z)=e的z次方在z=0处解析吗?复变函数问题 复变函数 f=e^z是周期函数吗 复变函数e^z/5的周期 f(x)=-e∧x是否复合函数 复变函数,证明函数f(z)=e^z在整个复平面解析 复变函数,证明函数f(z)=e^z在全平面解析?求教 已知函数f(t,x)=e^(2tx-t^2),将x作为参数,t为复变数,试应用柯西公式将 复变函数奇点问题,Z=0是f(z)=e^(1&#47;z^2)的本性奇点 但z趋于0时为什么f(z)趋于无穷 复变函数问题f(z)=e的z次方在z=0处解析吗? 复变函数:f(z)=e^(-z^-2),z—&gt;0时f(z)连续吗? 复变函数 f(z)=e^z是周期函数吗 表格有A.B.C.D.E.F共六列,A是代码,B是名称,C是规格,D是单位,E是颜色,F是数量,想把F的数量引到其它地 (2014?永州模拟)如图所示,A、B、C、D、E、F均是初中化学常见物质.A与B发生的是复分解反应,B与C发生 大家有谁了解重庆庆铃汽车公司的吗?就是公司前景,员工待遇怎么样? 庆铃汽车哪里生产的? 庆铃汽车(集团)有限公司的企业发展 庆铃汽车(集团)有限公司的主要产品 庆铃皮卡怎么样? 庆铃汽车和江铃汽车相比,优点和缺点。谢谢 知乎上的回答,为什么用黑体加粗字体来强调回答者的自我介绍? 手机知乎怎么对一个问题的回答做标记? 就是想看完所有回答,但一次看不完,想下次接着看,有没有类似书 知乎上回答问题提交后怎么修改 手机上的知乎 自己的回答怎样设置成禁止转载 笔记本电脑在买比较好 知乎回答问题怎么把其他文章放进来,像这样的 微信瓶子仍出去,以前好多人回复,现在无论发多少无一人回复,求解 iOS 知乎客户端的 url scheme 支持哪些参数 怎么让知乎的回答排名靠前? 我在苹果手机的知乎客户端上回答问题,我发现编辑完问题之后总是无法成功提交,不只是因为什么原因,每次 知乎如何追加回答 省级烟草专卖局的营销岗具体是做什么的? 烟草类企业市场属于哪种市场状态,烟草企业应如何开展市场营销活动。 烟草开口营销三招内容是什么 烟草专卖局的营销岗位的工作性质 烟草公司做销售怎么样? 烟草公司烟的营销渠道是什么? 烟草公司销售岗位好吗 烟草公司市场营销是做什么? 烟草商业企业如何提升服务营销能力?