將網頁的CSS轉換為javascript npm包以進行react-native-render-html

Question

我在javasript變量中有一個CSS作為字符串，

 @import url('https://themes.googleusercontent.com/fonts/css?kit=OPeqXG-QxW3ZD8BtmPikfA'); o { margin: 0; padding: 0 } table td, table th { padding: 0 } .c2 { margin-left: 7pt; padding-top: 0pt; } .c3 { color: #000000; font-weight: 400; } 

我想獲得一個類的標簽css speperate和以下格式

 tagsStyles = {o: { margin:0, padding:0} } classesStyles = { 'c2': { margin-left: '7pt', padding-top: 0pt,},'c3' : {color: '#000000',font-weight: '400'} } 

請注意反向逗號''。

基本上我需要將樣式從網頁源轉換為

https://www.npmjs.com/package/react-native-render-html#styling

此npm軟件包的樣式

Answer 1

解決了

在npm juice庫的幫助下將內部CSS轉換為內聯CSS。