富文本专题（wangEditor源码阅读）

66 阅读 0 评论 44 点赞

我是靠谱客的博主现代大碗，最近开发中收集的这篇文章主要介绍富文本专题（wangEditor源码阅读），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

进度: index._initMenus 201行

range: 范围，射程
developer.mozilla.org/zh-CN/docs/…

Selection api

api

getRangeAt(index): 取得对应序号的Range，一个Selection包括多个Range，包含在Selection.rangeCount中

Range

developer.mozilla.org/zh-CN/docs/…

props

range.commonAncestorContainer: 只读属性，当选区跨越元素的时候，这个属性会返回所有被跨越的元素的最近父元素

检查插入图片的链接

位置: editor - upload - upload-img.js

const linkImgCheck = config.linkImgCheck
let checkResult
if (linkImgCheck && typeof linkImgCheck === 'function') {
    checkResult = linkImgCheck(link)
    if (typeof checkResult === 'string') {
        // 校验失败，提示信息
        alert(checkResult)
        return
    }
}
复制代码