Какой элемент/библиотека/иное для вывода иногда многострочного текста подойдет лучше всего?

Question

[Станислав]

Ситуация: есть N находящихся друг под другом элементов input, в которых выводится определенный текст. К каждому элементу есть несколько кнопок справа. В элементах выводится текст, который иногда не влезает в размеры, отведенные для этих input'ов.

Задача: изменить верстку так, чтобы она продолжала удовлетворять следующим требованиям:

• Текст должен выводиться целиком. Его максимальная длина не радикальна, но может составлять несколько сотен символов. Это может быть ссылка или длинное название товара, к примеру.
  
• К тексту должны быть адекватно приверстаны несколько кнопок, к каждому из полей.
  
• По высоте все поля вывода вместе с привязанными к ним кнопками должна занимать минимум места.
  
• Текст должно быть удобно копировать как вручную, так и с помощью js-скрипта (один из них висит на тех кнопках сейчас как раз).
  
• Текст доступен только для просмотра, поля информационные, не для ввода.
  
• К каждому полю должна быть подпись.
  
• На каждую подпись может быть несколько полей, то есть например та же ссылка на товар может быть не одна.
  
• Руками изменять размер полей пользователю не нужно.
  
• Bootstrap 3.
  
• Admin LTE.
  

Answer 1

[Kirill Udaltsov]

<textarea>

Например, в Bootstrap:

<div class="form-group">
  <label for="exampleFormControlTextarea1">Example textarea</label>
  <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>

https://getbootstrap.com/docs/4.0/components/forms/

Comments

[Станислав]

По высоте все поля вывода вместе с привязанными к ним кнопками должна занимать минимум места.

Вы же мне предлагаете сделать везде три строки. Ну и остальные пункты тоже не прояснены.

[Станислав]

Да, и я уточнил версию бутстрапа и что не обязательно это должен быть именно простой элемент, может хоть либа быть, лишь бы делало то, что нужно, и из коробки. Написать все это я смогу, но пока что ищутся готовые и более менее нативные решения.

[Kirill Udaltsov]

Станислав, плагин Autosize

[Станислав]

Kirill Udaltsov, а вот это уже интереснее. Если подойдет, вынесем в ответ тогда и отметим верным решением.

[Станислав]

Если коротко, то не подошло.