Estoy utilizando JSF 2.2 con Primefaces 6.2.
Mi problema es que el contenedor que tiene una etiqueta p:textEditor
de primefaces tiene la propiedad display: none;
en un principio, cuando la cambio con JavaScript a inline
me muestra un par de select
, sin más, como si no se hubiese renderizado el JavaScript del componente.
Si alguien tiene alguna idea para solucionarlo o sabe a que es debido este problema...
Gracias por adelantado!
EDICIÓN
Código .xhtml (esta en un ui:composition)
<div class="col-g-12">
<p:textEditor
id="textEditorSendMail"
placeholder="#{msg.management_mail_send_content}"
value="#{managementMailBean.textNewMail}">
<f:facet name="toolbar">
<span class="ql-formats">
<button class="ql-bold"></button>
<button class="ql-italic"></button>
<button class="ql-underline"></button>
<button class="ql-strike"></button>
</span>
<span class="ql-formats">
<select class="ql-font"></select>
<select class="ql-size"></select>
</span>
</f:facet>
</p:textEditor>
</div>
Código JavaScript
function show_send_message(event) {
if (event.target.parentNode.id == "formMailToolbarMessageActions:btnNewMail") {
document.getElementById("mail_show").style.display = "none";
document.getElementById("mail_send").style.display = "inline";
} else {
document.getElementById("mail_show").style.display = "inline";
document.getElementById("mail_send").style.display = "none";
}
}
Código CSS
#mail_send{
display: none;
}
En un principio el editor esta con el display none, después juego con un botón para "mostrarlo" y "esconderlo"