Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Думы мои, думы... (https://javascript.ru/forum/events/6011-dumy-moi-dumy.html)

Дима1234 06.11.2009 15:41

Думы мои, думы...
 
Подскажите, как такое сделать. Чтобы при введенном тексте в поле. Выделенным этот текст мишкой. Пользователь нажимал поочередно на разные кнопки - жирно, курсив. И получал бы разный вид текста. Если нажата кнопка курсив- курсив, а если жирно - жирно?


function insTag(tag)
{
var e1 =document.form1.massage
var text =e1.value
var b1 =e1.selectionStart
var b2 =e1.selectionEnd
if (b1) {
e1.value=text.slice(0,b1)+'<'+ tag +'>'+text.slice(b1,b2)+'</'+ tag +'>'+text.slice(b2)
}
}
</script>

</head>
<body>
<FORM name="form1">
<textarea name="massage">
</textarea>
<button type="button" onClick="insTag('strong')">Жирно</button>
<button type="button" onClick="insTag('em')">Курсив</button>
</FORM>
<div id="1"></div>
<div id="2"></div>
</body>
</html>

Octane 06.11.2009 17:49

С элементами форм никак, гуглите WYSIWYG-редакторы, designMode и contentEditable.

da_ff 01.12.2011 19:00

В textarea можно влиять только на весь текст целиком.


Часовой пояс GMT +3, время: 21:54.