68 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
		
		
			
		
	
	
			68 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
|  | /** | |||
|  |  * @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 |