Html-react-parser: المحلل اللغوي يطرح خطأ إذا فشل تحليل CSS

تم إنشاؤها على ١٨ أكتوبر ٢٠١٩  ·  4تعليقات  ·  مصدر: remarkablemark/html-react-parser

سلوك متوقع


يجب اكتشاف خطأ التحليل والتعامل معه.

السلوك الفعلي


حدث خطأ html-react-parser ويتوقف تنفيذ JS.

خطوات التكاثر

محاولة تحليل علامة ذات سمة نمط غير صالحة.
يجب أن يعرض المحلل اللغوي لـ CSS خطأ:

Error: undefined:1:30: property missing ':'
    at error (/home/runner/node_modules/inline-style-parser/index.js:103:15)
    at declaration (/home/runner/node_modules/inline-style-parser/index.js:208:37)
    at declarations (/home/runner/node_modules/inline-style-parser/index.js:239:20)
    at module.exports (/home/runner/node_modules/inline-style-parser/index.js:250:10)
    at StyleToObject (/home/runner/node_modules/style-to-object/index.js:21:22)
    at cssToJs (/home/runner/node_modules/html-react-parser/lib/attributes-to-props.js:83:3)
    at attributesToProps (/home/runner/node_modules/html-react-parser/lib/attributes-to-props.js:64:19)
    at domToReact (/home/runner/node_modules/html-react-parser/lib/dom-to-react.js:54:15)
    at HTMLReactParser (/home/runner/node_modules/html-react-parser/index.js:19:10)
    at evalmachine.<anonymous>:6:16

مثال على سلسلة HTML: <p style="font-family: &amp;quot; franklin gothic itc&amp;quot;,helvetica,arial,sans-serif;">test</p>

نسخة تجريبية


Repl.it: https://repl.it/repls/WhitesmokeAggravatingScandisk

question

التعليق الأكثر فائدة

مرحبًا @ linkelvin11 ،

هل يمكنك مشاركة هذا التكوين التعقيم html؟ هل يستمر في التصميم عندما يكون صالحًا أم؟

شكرا لك :)

لقد استخدمت السماح لجميع التكوينات المحددة في مستندات sanitize-html.

https://www.npmjs.com/package/sanitize-html#what -if-i-want-to-allow-all-tags-or-all-attributes

ال 4 كومينتر

شكرا لفتح هذا العدد @ linkelvin11

الخطأ الذي تراه هو سلوك متوقع لأن هذا المحلل اللغوي لا يعالج تطهير HTML أو CSS غير الصالحين (راجع الأسئلة الشائعة ).

ألق نظرة على # 124 لترى بعض الأمثلة حول كيفية تعقيم العلامات قبل التحليل.

لقد قمت أيضًا بإنشاء Repl.it يعمل على إصلاح المثال الخاص بك باستخدام sanitize-html .

آه حسنًا ، لقد فاتني هذا القسم من الأسئلة الشائعة.

تمكنت من العثور على تهيئة sanitize-html تعمل مع حالة الاستخدام الخاصة بي.

شكرا!

مرحبًا @ linkelvin11 ،

هل يمكنك مشاركة هذا التكوين التعقيم html؟ هل يستمر في التصميم عندما يكون صالحًا أم؟

شكرا لك :)

مرحبًا @ linkelvin11 ،

هل يمكنك مشاركة هذا التكوين التعقيم html؟ هل يستمر في التصميم عندما يكون صالحًا أم؟

شكرا لك :)

لقد استخدمت السماح لجميع التكوينات المحددة في مستندات sanitize-html.

https://www.npmjs.com/package/sanitize-html#what -if-i-want-to-allow-all-tags-or-all-attributes

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

mdeljavan picture mdeljavan  ·  4تعليقات

dave-stevens-net picture dave-stevens-net  ·  9تعليقات

frontendpm picture frontendpm  ·  4تعليقات

thany picture thany  ·  7تعليقات

shiglet picture shiglet  ·  6تعليقات