Question

You have some web-site with text area in it, example I’m using – http://writer.bighugelabs.com, it is a really neat tool to write texts in, but I have one issue with it – paragraphs in textarea are not indented from each other.

So is it possible to overwrite some CSS properties to get paragraph indent when visiting this site using StyleBot for Chrome as example and what properties? If not possible, then would it be possible with similar extension which can apply custom JS on the page?

Please advice, I’ve searched for the topic, but didn’t quite find the information. I tried to override p margin and padding properties, but with no success as I understand textarea has just a raw text.

Thank you in advance.

Answer 1

Since the text area on the page is really an HTML textarea, you cannot style paragraphs inside it in CSS. There no paragraphs as elements there, just plain text, which may contain line breaks. Modern pages with embedded editor utilities tend to use editable div elements instead of textarea elements, which are rather inflexible.

You could simulate paragraph indents using JavaScript code that inserts one or two no-break spaces after each line break.