fuwenben

基于原生JavaScipt非正则方式正反转义HTML片段插件, 兼容jQuery/Vue, 1.0.1开始, 兼容vue-cli模式加载插件, 感谢大家支持, (づ｡◕‿‿◕｡)づ

直接在浏览器里使用

<script type="text/javascript" src="fuwenben.js"></script>

使用NPM方式使用

npm install --save fuwenben

import 'fuwenben'

简易教学

// 如果你既没有引用jQuery也没有引用Vue, 那么插件会直接扩展windows的属性, htmlEncode 和 htmlDecode
var fu = htmlEncode('<p>DOM标签</p>');
var html = htmlDecode('&lt;p&gt;富文本&lt;/p&gt;');
console.log("window", fu, html);

// 如果有jQuery的情况下, 会扩展jQuery的方法, $.htmlEncode 和 $.htmlDecode
var $_fu = $.htmlEncode('<p>DOM标签</p>');
var $_html = $.htmlDecode('&lt;p&gt;富文本&lt;/p&gt;');
console.log("jQuery", $_fu, $_html);

// 如果有Vue的情况下, 会扩展Vue的属性, this.$htmlEncode 和 this.$htmlDecode
var vm = new Vue({
    el: "#app",
    created: function() {
        var vm_fu = this.$htmlEncode('<p>DOM标签</p>');
        var vm_html = this.$htmlDecode('&lt;p&gt;富文本&lt;/p&gt;');
        console.log("Vue: ", vm_fu, vm_html);
    }
})

2018年10月29日 更新内容

1. 判断参数是否存在, 不存在不会返回 undefined 了
2. 增加新的函数支持 onlyTextHtml , 作用是富文本仅保留纯文本, 实用性很强, 调用方法类似其他方法, 具体可参考 examples.html 文件