2015-08-15 3 views
0

У меня есть элемент textarea html, который может содержать URL-адреса. Пользователь должен иметь возможность щелкнуть по таким URL-адресам, чтобы открыть их. В настоящее время код выглядит так:Как сделать вертикально прокручиваемую область текста?

<textarea rows="26" class="form-control" disabled> {{ text|urlize }}</textarea> 

Конечно, ссылки здесь не поддерживаются. Похоже, что textarea следует заменить чем-то другим. Вместо этого я попытался использовать div, но я не уверен, как ограничить его высоту (для textarea я использовал rows="26") и сделал его прокручиваемым.

+0

Не понимаю ваш вопрос, что вы имеете в виду, нажав ссылку из текстовой области? –

+0

@AbdelrahmanWahdan, смотрит на это скрипт - http://jsfiddle.net/and7ey/o4zLap5r/ - вы не можете просто нажать на example.com, чтобы открыть его. –

ответ

2

пожалуйста, проверьте этот код

HTML

<div class="textarea"> </div> 

CSS

.textarea{ 
    width:50%; 
    background-color:#eee; 
    overflow:hidden; 
    height:250px; 
    max-height:250px; 
    border:1px solid #ccc; 
    overflow-y: auto; 
} 

http://codepen.io/anon/pen/KpYOKq

Смежные вопросы