Я использую Froala Rich Text Editor в своем приложении для вывода HTML, CSS и Javascript.Я также использую CodeMirror, чтобы пользователь мог вводить код, и он отправляется во Froala посредством Ajax-запроса.У меня возникла проблема с использованием CSS, так как любой ввод CSS с использованием тегов стиля изменит CSS на моей веб-странице, а не в Rich Text Editor.Так что этот CSS превратит фон моей веб-страницы в голубой, а фон Froala остается белым.
<style>
body { background-color: lightblue;}
</style>
<script>
$(function() {
$('#output').froalaEditor({
toolbarButtons: [],
height: 500,
width: 394,
htmlRemoveTags: ['php'] ,
})
});
</script>
<script>
$.ajax({
type: "POST",
url: url,
data: $('form').serialize(),
success: function (data) {
var obj = JSON.parse(JSON.stringify(data));
$("#output").froalaEditor('html.set', obj.data.output);
}
});
e.preventDefault();
});
</script>
Это код для Ajax Post и инициализации редактора Froala. Есть ли способ решить эту проблему?