Можно ли добавить интервал абзаца внутри текстового поля?

Question

Просто интересно, есть ли у кого-нибудь способы добавления визуализаций интервала абзаца к тексту внутри текстового поля через CSS или даже JS?

Мне известно о высоте строки, но хотелось бы добавить впечатление от интервала перед/после абзацев внутри текстового поля, вместо того чтобы ударить дважды в текстовое поле, чтобы получить пробел между абзацами.

Возможно ли это с помощью текстового поля или мне нужно рассмотреть редактор текстовых редакторов или, возможно, написать простой текстовый редактор с интервалом между абзацами? (Я бы предпочел не идти по этому маршруту, поскольку я просто после интервала между абзацами, а не все дополнительные параметры форматирования, которые поставляются с текстовыми редакторами)

Answer 1

Nope. Без свойства line-spacing вы не можете добавить пробел между абзацами в textarea без изменения значения области. Это не то, что могут сделать JavaScript или CSS-селектора.

Answer 2

Да, это должно быть возможно с помощью JavaScript, заменив значение textarea во время прослушивания keyboard event values, особенно для клавиши Enter.

Вы сохраняете значение в переменной, и всякий раз, когда пользователь нажимает Enter (его значение события равно 13), он принимает этот текст и добавляет новую строку до конца. Теперь это становится значением, хранящимся в переменной, и добавляется новая строка при следующем входе пользователя в игру и т. Д.

Вот простая реализация, если вы уже используете JQuery:

$('#my-text').keypress(function(e) { 
    if(e.which === 13) { 
    var text = $('#my-text').val(); 
    $('#my-text').val(text + '\n'); 
    } 
}); 

e это событие клавиатуры передается в качестве параметра, и когда это случается, введите ключ, код сохраняет текстовое значение а затем заменяет значение textarea этим значением плюс новую строку.

Вот демо на codepen: http://codepen.io/denmch/pen/qNyjZE