Html-react-parser: تصدير cssToJs

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

أحاول العثور على مكتبة لتحويل سلسلة css المضمنة إلى كائن نمط React css. مثال:

"لون الخلفية: أزرق ؛ أعلى الهامش: 10 بكسل"

ل:

{
لون الخلفية: "أزرق" ،
marginTop: "10 بكسل"
}

أفهم أن هذا ما تفعله وظيفة cssToJs. وبما أنني أستخدم هذه المكتبة على أي حال ، فسيكون من الرائع أن يتم تصدير هذه الوظيفة. أعتقد أنه في وحدة منفصلة ، مثل attributesToProps ، سيكون الأفضل.

dependencies

مصدر

christianfredh

👍1

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

لقد قمت بنقل cssToJs إلى حزمة أخرى style-to-js في # 182

لذلك في الإصدار 0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

سيقوم بتثبيت التبعية style-to-js حتى تتمكن من القيام بما يلي:

const styleToJS = require('style-to-js').default;

styleToJS('background-color: #BADA55', { reactCompat: true });

اعلمني اذا كان هذا مفيدا لك. يمكنك التحقق من style-to-js README لمزيد من التفاصيل.

remarkablemark في ٢٣ نوفمبر ٢٠٢٠

👍2 🎉1

ال 5 كومينتر

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

jordie23 في ١٦ نوفمبر ٢٠٢٠

لقد قمت بنقل cssToJs إلى حزمة أخرى style-to-js في # 182

لذلك في الإصدار 0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

سيقوم بتثبيت التبعية style-to-js حتى تتمكن من القيام بما يلي:

const styleToJS = require('style-to-js').default;

styleToJS('background-color: #BADA55', { reactCompat: true });

اعلمني اذا كان هذا مفيدا لك. يمكنك التحقق من style-to-js README لمزيد من التفاصيل.

remarkablemark في ٢٣ نوفمبر ٢٠٢٠

👍2 🎉1

هذا رائع. شكرا!

jordie23 في ٢٣ نوفمبر ٢٠٢٠

👍1

christianfredh اسمحوا لي أن أعرف إذا كان هناك أي شيء آخر تحتاجه. خلاف ذلك ، هل يمكنك من فضلك إغلاق هذه المشكلة؟

remarkablemark في ٢٤ نوفمبر ٢٠٢٠

لقد اختبرت ذلك الآن وهو يعمل بشكل رائع ، شكرًا لك!

ما زلت بحاجة إلى هذه الوظيفة المساعدة للتحقق من وجود فارغ / غير محدد في الوقت الحالي:

function cssToJs(style?: string | null) {
  return styleToJS(style ?? '', { reactCompat: true })
}

أرى أن هناك تدقيقًا لهذا في الكود الفعلي الذي يعيد كائنًا فارغًا. ربما يمكن أن ينعكس ذلك على الكتابة المطبوعة أيضًا ، لا أعرف. في كلتا الحالتين ، إنه يعمل بشكل رائع ، وسأغلق المشكلة.

christianfredh في ٢٥ نوفمبر ٢٠٢٠

👍1

هل كانت هذه الصفحة مفيدة؟

0 / 5 - 0 التقييمات