Принцип такой. После клика на button
, div
заменялся на textarea
и сообщение отправлялось.
<div id="message" contenteditable="true"></div>
<button id="bsmile">Добавить</button>
$("#bsmile").click(function() {
$('div#message').each(function() {
$("#message").replaceWith(function(index, oldHTML) {
return $("<textarea id='message' rows='3'>" + $(this).html() + "</textarea>")
.html(oldHTML);
})
});
});
Но если в div
какой-то html код, например картинка <img src="/opacity.png"
в textarea она выглядит уже так <img src="/opacity.png"
.
Как сделать нормальный <img
?