/** * @fileoverview 插件入口文件模板 */ const data = {} // 全局数据 /** * @description 组件被创建时将实例化插件 * @param {Component} vm 组件实例 */ function Plugin (vm) { this.vm = vm // 保存实例在其他周期使用 this.compData = {} // 仅在单个组件中使用的数据 data.xxx = 'xxx' // 记录全局数据 } /** * @description html 数据更新时触发 * @param {string} content 要更新的 html 字符串 * @param {object} config 解析配置 * @returns {string|void} 如果要对 html 字符串进行一些预处理,则返回处理后的字符串 */ Plugin.prototype.onUpdate = function (content, config) { config.ignoreTags.xxx = true // 移除 xxx 标签 // 对 html 内容进行预处理并返回修改,没有修改则不需要返回 return content } /** * @description 解析到一个标签时触发 * @param {object} node 标签 * @param {object} parser 解析器实例 * @returns {boolean|void} 如果返回 false 将移除该标签 */ Plugin.prototype.onParse = function (node, parser) { // 处理文本标签 if (node.type === 'text') { // node.text 文本内容 } else { // 处理元素标签 // node.name 标签名 // node.attrs 属性列表 // node.children 子节点(非自闭合标签有) if (node.name === 'xxx') { parser.expose() // 如果该标签不能被 rich-text 包含,需要调用此方法暴露出来 // parser.options 组件传入的一些解析属性 // parser.stack 可以从栈中获取祖先节点 } } } /** * @description dom 树加载完毕时触发(load 事件) */ Plugin.prototype.onLoad = function () { // 可以获取媒体 context 对象等 } /** * @description 组件被移除时触发 */ Plugin.prototype.onDetached = function () { // 可以释放一些必要的资源(计时器等) } module.exports = Plugin