كيفية جعل HTML كتبه المستخدمون على موقع، وليس تعارض مع أوراق أنماط الموقع؟

Question

لدي موقع على شبكة الإنترنت يسمح للمستخدم بإنشاء مشاركات بلوق. هناك بعض العلامات باللغة المخلقة ولكن معظم علامات HTML القياسية مقبولة.

ومع ذلك، أواجه مشكلات مع كيفية عرض الصفحات.

احتفظ ب HTML ملفوفة في Div.

أود في النهاية الاحتفاظ بتنسيق HTML من المستخدم منفصل أوراق الناعم الرئيسية بحيث يمكنه تجنب ورث أنماط وشد تخطيط الموقع الأصلي حيث يتم عرض HTML.

لذلك في النهاية، هل هناك أي شيء يمكنني التقدم به على Div بحيث تكون محتوياتها حارسا من بقية الموقع؟

شكرا!

Answer 1

يمكنك استخدام ورقة أنماط إعادة تعيين لإعادة تعيين الخصائص الخاصة به DIV وهي أطفال. وعلى الجانب الآخر، ربما تحتاج إلى محلل CSS لضبط ورقة أنماط المستخدم لهذا المحدد DIV.

Answer 2

يمكنك أن تفعل ذلك في إطار أو iframe. هذا سوف يبقيه منفصلا بكل الطرق.

Answer 3

هل يمكنك تهيئة كل محتوى تم إنشاؤه بواسطة المستخدم باستخدام اسم مستخدم "اسم المستخدم" بالإضافة إلى أي أسماء فئة أخرى قد تضيف تلقائيا؟

ثم افترضوا "إنهم" يمكنهم التنسيق والأناقة كما هم من فضلك، يمكن أن يكون لديهم جميع أنماطهم مسبقا مثل ذلك: div.username selector.

خلاف ذلك، قد تكون قادرا على استخدام iFrames.

Answer 4

يمكنك استخدام iframe لإبقائها منفصلة تماما إذا كنت تريد حقا أن تكون متطرفا حيال ذلك.

أو، يمكنك تقييدها فقط كتابة أنماط مضمنة فحسب بحيث لا يمكنها التأثير على ورقة أنماط صفحتك:

1) تجريد أي علامات نمط HTML يقوم المستخدم بإنشاء. بهذه الطريقة لا يمكنهم تجاوز أساليبك.

2) التحقق من صحة الرمز الخاص بهم وإما إصلاح أو رفض أشياء مثل العلامات أو العناصر غير المزعجة التي لا ينبغي أن تكون داخل DIV (مثل علامات الرأس أو الهيئة) وتأكد من إغلاق كل شيء بشكل صحيح حتى لا تستطيع فوضى أي HTML من الصفحة بعد div موجود في.