Как я могу добавить редактор wysihtml5 в свою testarea только один раз по запросу ajax?
В случае успеха ajax я хочу добавить редактор wysihtml5 в мою текстовую область. Проблема в том, что каждый раз, когда я нажимаю на мою кнопку, она добавляет ее снова, как вы можете видеть в этой скрипке:
http://jsfiddle.net/WQXXT/7099/
<link rel="stylesheet" type="text/css" href="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.css">
<script type="text/javascript" src="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/wysihtml5-0.3.0.js"></script>
<script type="text/javascript" src="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.js"></script>
<a href="#" onclick="return getSuccessOutput();"> test success </a> | <a href="#" onclick="return getFailOutput(); return false;"> test failure</a>
<div id="output">waiting for action</div>
<textarea class="textarea" placeholder="Enter text ..." style="width: 810px; height: 200px"></textarea>
function getSuccessOutput() {
$.ajax({
url:'/echo/js/?js=hello%20world!',
complete: function (response) {
$('#output').html(response.responseText);
},
error: function () {
$('#output').html('Bummer: there was an error!');
$(".textarea").wysihtml5();
},
});
return false;
}
function getFailOutput() {
$.ajax({
url:'myAjax.php',
success: function (response) {
console.log(data, response);
$('#output').html(response);
},
error: function () {
$('#output').html('Bummer: there was an error!');
$(".textarea").wysihtml5();
},
});
return false;
}
Я проверял, чтобы работать с $(".textarea").remove();
но тогда текстовая область полностью исчезла. Я проверял $(".textarea").empty();
но это ничего не меняет. Я проверял $(".textarea").unbind();
но это также ничего не меняет, а также $(".textarea").off();