У меня есть "модальный редактор" с текстовой областью, которая заполняется ответом API. Работает просто отлично.
Когда я активирую WYSIHTML5, текстовое поле возвращается пустым. Я пробовал другие редакторы форматированного текста, но все они не позволяют заполнять текстовую область. Есть ли способ, которым я могу заставить его работать?
Здесь я вызываю API:
$('.btnEditNews').live('click', function () {
var data = new FormData();
var xhr = new XMLHttpRequest();
var jsonResponse;
xhr.addEventListener("readystatechange", function () {
if (this.readyState === 4) {
jsonResponse = JSON.parse(this.response)['singleNews'];
$('#titleNews').val(jsonResponse.title);
$('#textNewsBody').html(jsonResponse.newsText);
$('#imgNews').attr('src', jsonResponse.file);
}
});
xhr.open("GET", url);
xhr.send(data);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Вызов WYSIHTML5:
$('#textNewsBody').wysihtml5({
"font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
"emphasis": true, //Italics, bold, etc. Default true
"lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
"html": false, //Button which allows you to edit the generated HTML. Default false
"link": false, //Button to insert a link. Default true
"image": false, //Button to insert an image. Default true,
"color": false //Button to change color of font
});
<script src="lib/js/wysihtml5-0.3.0.js"></script>
Заранее спасибо!