vue-insane

Vue plugin for insane sanitizer

Usage

  npm install vue-insane

  yarn add vue-insane

Install as plugin, will install the instance method $sanitizeHTML() and the v-sanitize-html directive.

import Vue from 'vue'
import VueInsanePlugin from 'vue-insane'

Vue.use(VueInsanePlugin, {
  .../*insane options*/
})


//only directive 
import { insaneDirective } from 'vue-insane'
Vue.directive('sanitize-html', insaneDirective)

Usage on components

<template>
  <div>
    <!-- As method -->
    <p v-html="$sanitizeHTML(content)" />

    <!-- As Directive -->
    <p v-sanitize-html="content" />

    <!-- Set the 'strict' option to true -->
    <p v-sanitize-html.strict="content" />
  </div>
</template>
<script>
export default {
  data(){
    return {
      content: `<div><p>Hello World!</p></div>`
    }
  }
}
</script>

$sanitizeHTML(html, options, strict)

| param | type | description | |------|-------|-------------| | html | string | The HTML string to sanitize | | options | object | The insane's options object. It will be merged with the options defined in the plugin registration. | | strict | boolean | The strict param of insane function.|