我目前在我的React應用程序中使用Draft.js。使用React.js內聯樣式 - 如何樣式從node_modules組件
import { Editor } from 'draft-js'
...
class MyComponent extends React.Component {
render() {
return(
<div>
<h1
style={ styles.header }
>Some header</h1>
<div
style={ styles.editorWrapper }
>
<Editor
style={ styles.editor }
placeholder="Write something!"
/>
</div>
</div>
)
}
}
const styles = {
editorWrapper: {
backgroundColor: '#ececec',
border: '2px solid #888888',
padding: '25px'
},
editor: {
backgroundColor: '#000'
}
}
正如陣營文檔描述,我可以樣式我自己的組件(和申報單等):它是通過node_modules加載,然後在一個組件使用,例如內聯樣式,如h1或編輯器包裝div。
現在試圖以相同的方式設置樣式編輯器(node_modules組件)不做任何事情。我知道用我自己的組件,我可以將這個樣式作爲道具傳遞,然後在子組件中使用它,但我真的不想通過所有Draft.js代碼並更改它們的組件。
是否有一個乾淨的解決方案風格的第三方組件?或者我必須使用良好的舊CSS。如果是這樣,在外部CSS的組件和其他樣式中使用一些樣式不是不好的方法嗎?
看這裏https://facebook.github.io/draft-js/docs/advanced-topics-inline-styles.html –
@FazalRasel據我所知,這種風格編輯器內的文本,而不是編輯器本身。 – gisderdube