你知道富文本编辑器的实现原理吗?

你知道富文本编辑器的实现原理吗?,第1张

你知道富文本编辑器的实现原理吗?

总结一下技术难点:

  • 原生
    <textarea>
    没法显示带格式的文本;因此只能:
    • <div>
    • 点击输入框时,通过
      HTMLElement.focus()
      聚焦到到一个隐藏的
      <input>
      上,通过监听
      oninput
      来获得用户输入。
  • 存储格式,可以使用 json;
  • 用户点击输入框的不同位置时通过
    e.offsetX
    e.offsetY
    来实现定位光标。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4886113.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-12
下一篇 2022-11-11

发表评论

登录后才能评论

评论列表(0条)

保存