import { createApp } from 'vue'; import App from './App.vue'; import VueDOMPurifyHTML from 'vue-dompurify-html'; const app = createApp(App); app.use(VueDOMPurifyHTML, { default: { USE_PROFILES: { html: false }, }, }); app.mount('#app');...
vue-dompurify-html指令在Vue组件中使用时,会拦截绑定的HTML内容,并通过DOMPurify库对其进行净化处理。处理过程如下: 绑定HTML内容:在Vue组件的模板中,使用v-dompurify-html指令绑定需要净化的HTML内容。 调用DOMPurify:vue-dompurify-html指令内部会调用DOMPurify库,将绑定的HTML内容作为输入进行净化。 渲染安全HTML:将DOMPur...
import{ createApp }from'vue';importAppfrom'./App.vue';importVueDOMPurifyHTMLfrom'vue-dompurify-html';constapp = createApp(App); app.use(VueDOMPurifyHTML); app.mount('#app'); In yourSFC: <template><divv-dompurify-html="rawHtml"></div></template><scriptsetup>import{ ref }from'vue';c...
二、npm vue-dompurify-html - npm 三、nuxt3项目使用 3.1、安装vue-dompurify-html pnpm add vue-dompurify-html 3.2、plugins/vueInject.js // 防止使用v-html发生跨站脚本攻击XSSimport VueDOMPurifyHTML from 'vue-dompurify-html'export default defineNuxtPlugin(nuxtApp => {nuxtApp.vueApp.use(VueDOMPurify...
npm install vue-dompurify-html@vue-legacy Usage importVuefrom'vue'importVueDOMPurifyHTMLfrom'vue-dompurify-html'Vue.use(VueDOMPurifyHTML)newVue({el:'#app',data:{rawHtml:'<span style="color: red">This should be red.</span>'}}) In your template: ...
vue-dompurify-html/types/index.d.ts Version: 403 BTypeScriptView Raw 1importtype{ Plugin }from'vue'; 2importtype{ DirectiveConfig, MinimalDOMPurifyConfig, DOMPurifyInstanceBuilder }from'./dompurify-html'; 3exporttype{ DirectiveConfig, MinimalDOMPurifyConfig, DOMPurifyInstanceBuilder, }; ...
业务需求需要在自己的网页上嵌入油管( youtube )上的视频,所以去踩了油管 IFrame Player API 的坑...
Security vue-dompurify-html PackageVersion vue-dompurify-html Releases33 5.2.0Latest Nov 24, 2024 + 32 releases Sponsor this project LeSuisseThomas Gerbet Used by1.7k + 1,668 Contributors10 Languages TypeScript94.6% JavaScript4.1% Nix1.3%
1# vue-dompurify-html 2 3[](https://www.npmjs.com/package/vue-dompurify-html) 4[](https://github.com/LeSuisse/vue...
npm install vue-dompurify-html@vue-legacy Usage importVuefrom'vue'importVueDOMPurifyHTMLfrom'vue-dompurify-html'Vue.use(VueDOMPurifyHTML)newVue({el:'#app',data:{rawHtml:'<span style="color: red">This should be red.</span>'}}) In your template: ...