Автоматический подгон под табуляцию при переносе строк браузером
 

Есть блок, у котором свойствами css установлен автоматический перенос строк, если они выходят за границу блока. В нотпаде это реализовано так:

То есть при их автоматическом переносе следующая строка подгоняется под символы табуляции, но при этом в самом документе их нет.

В отличии от обычного textarea и дива:


Как реализовать автоперенос строк по аналогии с нотпадом?

Видимо нет тут легких путей, придется делать отступы от дивов, которые будут автоматом добавляться в каждую новую строку, если ее длинна больше определенной

Вообще нихрена не ясно, в чем задача. Ты свой веб-редактор, чтоли, делаешь?

Я даже со скринами все показал ><

Ну вот установи в любой div автоперенос строк, то есть чтобы нижнего скролла не было. Если строка начинается с символа \t, та ее часть, которая перенесется автоматом на новую строку, будет начинаться без этого символа, а поэтому это выглядит криво(Пример на 2 скрине).

В Notepad++(как пример) это реализовано умно, то есть при переносе символы \t добавляются(в виде отступов, которые не выделить), и это выглядит ровно.

Делаю себе небольшую cms, и на интерес.

Наверно потому что это редактор кода, не? А <textarea> или <div> мало походит на редактор кода, не так ли?

Подключи веб-редактор кода ACE, в пулл-реквестах валяется мой, так и не принятый, с сабжовой фичей.