vue-dompurify-html

# vue-dompurify-html `vue-dompurify-html` ایک Vue.js ڈائریکٹو ہے جو بلٹ اِن `v-html` ڈائریکٹو کا محفوظ متبادل فراہم کرتا ہے۔ یہ HTML مواد کو رینڈر کرنے سے پہلے صاف کرنے کے لیے DOMPurify لائبریری استعمال کرتا ہے، جس سے کراس سائٹ اسکرپٹنگ (XSS) کمزوریوں کو روکنے میں مدد ملتی ہے۔ ## خصوصیات - **محفوظ HTML رینڈرنگ**: DOM میں داخل کرنے سے پہلے HTML اسٹرنگز کو خودکار طور پر DOMPurify سے صاف کرتا ہے۔ - **براہ راست متبادل**: Vue 2 اور Vue 3 پروجیکٹس میں `v-html` کے براہ راست متبادل کے طور پر استعمال کیا جا سکتا ہے۔ - **قابل ترتیب**: صفائی کے قواعد کو اپنی ضرورت کے مطابق بنانے کے لیے حسب ضرورت DOMPurify کنفیگریشن آپشنز کی سہولت۔ - **TypeScript سپورٹ**: بہتر ڈویلپر تجربے کے لیے TypeScript تعریفات شامل ہیں۔ ## تنصیب npm یا yarn کے ذریعے پیکیج انسٹال کریں: ```bash npm install vue-dompurify-html # or 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 ٹیم کے شاندار کام پر مبنی ہے۔