vue-dompurify-html

# vue-dompurify-html `vue-dompurify-html` হলো একটি Vue.js ডিরেক্টিভ যা অন্তর্নির্মিত `v-html` ডিরেক্টিভের একটি নিরাপদ বিকল্প প্রদান করে। এটি রেন্ডার করার আগে HTML কন্টেন্ট স্যানিটাইজ করতে DOMPurify লাইব্রেরিকে কাজে লাগায়, যা ক্রস-সাইট স্ক্রিপ্টিং (XSS) দুর্বলতা প্রতিরোধে সহায়তা করে। ## বৈশিষ্ট্য - **নিরাপদ HTML রেন্ডারিং**: DOM-এ ইনসার্ট করার আগে স্বয়ংক্রিয়ভাবে DOMPurify দিয়ে HTML স্ট্রিং পরিষ্কার করে। - **ড্রপ-ইন প্রতিস্থাপন**: Vue 2 এবং Vue 3 প্রজেক্টে `v-html`-এর সরাসরি বিকল্প হিসেবে ব্যবহার করা যেতে পারে। - **কনফিগারেবল**: স্যানিটাইজেশনের নিয়মগুলো অনুযায়ী কাস্টম DOMPurify কনফিগারেশন অপশন সমর্থন করে। - **TypeScript সাপোর্ট**: উন্নত ডেভেলপার অভিজ্ঞতার জন্য TypeScript সংজ্ঞা অন্তর্ভুক্ত করে। ## ইনস্টলেশন npm বা yarn এর মাধ্যমে প্যাকেজটি ইনস্টল করুন: ```bash npm install vue-dompurify-html # অথবা yarn add vue-dompurify-html ``` ## ব্যবহার ### Vue 3 আপনার অ্যাপ্লিকেশনের এন্ট্রি ফাইলে গ্লোবালি ডিরেক্টিভটি রেজিস্টার করুন: ```javascript import { createApp } from 'vue' import App from './App.vue' import VueDOMPurifyHTML from 'vue-dompurify-html' const app = createApp(App) app.use(VueDOMPurifyHTML) app.mount('#app') ``` তারপর আপনার টেমপ্লেটে এটি ব্যবহার করুন: ```html <template> <div v-dompurify-html="htmlContent"></div> </template> ``` ### Vue 2 Vue 2-এর ক্ষেত্রে, প্যাকেজটি ইম্পোর্ট করুন এবং একটি প্লাগিন হিসেবে রেজিস্টার করুন: ```javascript import Vue from 'vue' import VueDOMPurifyHTML from 'vue-dompurify-html' Vue.use(VueDOMPurifyHTML) ``` ## কনফিগারেশন আপনি সরাসরি ডিরেক্টিভে DOMPurify কনফিগারেশন অপশন পাঠাতে পারেন: ```html <div v-dompurify-html="{ content: htmlContent, options: { USE_PROFILES: { html: true } } }"></div> ``` বিকল্পভাবে, আপনি প্লাগিন রেজিস্টার করার সময় গ্লোবাল ডিফল্ট সেট করতে পারেন: ```javascript app.use(VueDOMPurifyHTML, { default: { USE_PROFILES: { html: true } } }) ``` ## লাইসেন্স এই প্রজেক্টটি MIT লাইসেন্সের অধীনে লাইসেন্সপ্রাপ্ত। বিস্তারিত জানার জন্য [LICENSE](LICENSE) ফাইল দেখুন। ## অবদান রাখা অবদান গ্রহণযোগ্য! কোনো পুল রিকোয়েস্ট জমা দেওয়ার আগে দয়া করে [অবদানের নির্দেশিকা](CONTRIBUTING.md) পড়ুন। ## স্বীকৃতি এই প্যাকেজটি Vue অ্যাপ্লিকেশনে HTML রেন্ডার করার আরও নিরাপদ উপায়ের প্রয়োজনীয়তা থেকে অনুপ্রাণিত এবং DOMPurify টিমের চমৎকার কাজের ওপর ভিত্তি করে তৈরি।