imnapo / react-native-cn-quill

Quill rich-text editor for react-native
MIT License
187 stars 74 forks source link

Is there a way to remove the padding within the editor? #36

Closed evrimfeyyaz closed 3 years ago

evrimfeyyaz commented 3 years ago

I tried setting customStyles to ["padding: 0"], but that didn't help. Any suggestions?

imnapo commented 3 years ago

All paddings within editor should be zero by default. You may find it here. Could you please specify more details? For customStyles Example: [‘body { padding: 0;}’]

imnapo commented 3 years ago

@evrimfeyyaz Please post your code here to be able to help you.

evrimfeyyaz commented 3 years ago

@imnapo We ended up using a different library as we were in a hurry, but I really like this library and I'm thinking that we might move to this in the future. If that happens and if I'm having the same issue at that time, I will update this issue. Thank you for being very considerate, I appreciate it!

Robiullah2244 commented 3 years ago

@evrimfeyyaz which library you are using right now? Can you please share with me?

evrimfeyyaz commented 3 years ago

@Robiullah2244 I left that project long ago, but we were using this: https://github.com/wxik/react-native-rich-editor.

Keep in mind that, that library also has its issues and is not perfect. IMO, this library also has potential.

aldinoanggawan commented 2 years ago

If there's anyone came across this, the padding is actually caused by these:

There's a default padding of 12px 15px in quill_snow_css

To get rid of this, we can add customStyles={['<style>.ql-editor { padding: 0; }</style>']}

Hope it helps 😄