Html-react-parser: تجاهل السمة عندما يكون محتوى السمة غير صالح

هذا يبدو وكأنه CSS غير صالح في HTML الخاص بك. راجع " المحلل اللغوي يطرح خطأ ".

هذا مرتبط بالرقم 125

سلام،

شكرا لاجابتك. لقد رأيت بالفعل هذه القضايا. لسوء الحظ ، لا يمكنني استخدام sanitize-html ، والسبب هو أنني بحاجة إلى الاحتفاظ بنمط صالح وإزالته فقط عندما يكون غير صالح.

هل هناك أي طريقة لإزالة ذلك باستخدام تطهير html أو مكتبة أخرى؟ لا أعرف حقًا كيف يمكنني معرفة ما إذا كان النمط المحدد صالحًا أم لا في جافا سكريبت. أعلم أنه لا يتعلق بمحلل html-reaction-parser ، لكن يمكنني بالفعل استخدام طريقة استبدال html-reaction-parser لإزالة سمة النمط هذه طالما أنني أعرف كيفية التأكد من أن النمط صالح أم لا.

تحرير: ربما يجب علي تحرير المحلل اللغوي ذي النمط المضمن (باللغة المحلية) لإرجاع القيمة فارغة بدلاً من طرح الخطأ "المفقود": "" عندما يكون محتوى السمة غير صالح؟

شكرا لك.

نظرًا لأن المكتبة تستخدم style-to-object أسفل الغطاء (لتحليل سمة النمط المضمنة في كائن) ، يمكنك التفاف تحليل النمط في محاولة:

const parse = require('html-react-parser');
const { domToReact } = parse;
const style = require('style-to-object');

parse('<hr style="/*">', {
  replace: domNode => {
    if (domNode.attribs && domNode.attribs.style) {
      try {
        style(domNode.attribs.style);
      } catch (error) {
        // delete the attribute that's causing the error
        // then convert the dom node to react
        delete domNode.attribs.style;
        return domToReact(domNode);
      }
    }
  },
});

انظر مثال Repl.it.

شكرا لك remarkablemark . أنا أيضًا أعاني من هذه المشكلة لفترة طويلة. نقدر جدا الحل!

على الرحب والسعةBananaWanted