Tenho um formulário com tinyMCE que está salvando as formatações corretamente no banco de dados.
Porém ao mostrar esse conteúdo em uma página o mesmo não apresenta os trechos em negrito. Ao inspecionar no navegador o texto está com a tag “< strong >”, mas mesmo assim não aparece em destaque.
Script tinyMCE:
<script>
tinymce.init({
selector: '#titulo, #subtitulo, #paragrafo1, #paragrafo2, #paragrafo3, #paragrafo4, #referencias',
plugins: 'table image imagetools code autolink link paste',
paste_as_text: true,
//toolbar: 'a11ycheck addcomment showcomments casechange checklist code formatpainter pageembed permanentpen table',
toolbar: 'undo redo | styleselect | forecolor | bold italic | alignleft aligncenter alignright
alignjustify | outdent indent | link image | removeformat',
toolbar_mode: 'floating',
tinycomments_mode: 'embedded',
tinycomments_author: 'Author name',
image_title: true,
automatic_uploads: true,
file_picker_types: 'image',
file_picker_callback: function(cb, value, meta) {
var input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
input.onchange = function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function () {
var id = 'blobid' + (new Date()).getTime();
var blobCache = tinymce.activeEditor.editorUpload.blobCache;
var base64 = reader.result.split(',')[1];
var blobInfo = blobCache.create(id, file, base64);
blobCache.add(blobInfo);
// call the callback and populate the Title field with the file name
cb(blobInfo.blobUri(), { title: file.name });
};
reader.readAsDataURL(file);
};
input.click();
}
});
</script>
Html para recuperar o conteúdo:
<div class="paragrafos">
<p><?=$dados_Post['paragrafo1']?></p>
<p><?=$dados_Post['paragrafo2']?></p>
<p><?=$dados_Post['paragrafo3']?></p>
<p><?=$dados_Post['paragrafo4']?></p>
</div>