rich:editor too small after rerender
victorclf Feb 3, 2011 9:14 AMHello everyone,
After I submit the form, the font size of a html text inside a <rich:editor> becomes really small. I have compared the html code inside the editor before and after the form submission and they are the same, therefore I believe the problem must be in the page rendering.
I have tried manually setting the font-size in CSS to no avail. Has anyone else ever experienced this problem?
The code is below. Any help is appreciated.
Thanks in advance,
Victor Freire
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:s="http://jboss.com/products/seam/taglib" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich" template="/layout/template.xhtml"> <ui:define name="body"> <h1>#{messages['editarPeca']}</h1> <h:form> <f:facet name="header"> <rich:spacer height="4" /> </f:facet> <center> <h:panelGrid columns="2" cellspacing="5"> <rich:panel style="height : 600px"> <f:facet name="header"> #{messages['campos']} </f:facet> </rich:panel> <rich:panel style="height : 600px"> <f:facet name="header" > #{messages['visualizacao']} </f:facet> <rich:editor id="editor" viewMode="visual" theme="advanced" height="550" width="700" value="#{editarPeca.conteudoPeca}" plugins="fullscreen"> <f:param name="theme_advanced_buttons1" value="cut,copy,paste,|,undo,redo,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect"/> <f:param name="theme_advanced_buttons2" value="bullist,numlist,outdent,indent,|,forecolor,backcolor,|,sub,sup,|,link,unlink,code,hr,|,charmap,visualaid,blockquote,|,fullscreen"/> <f:param name="theme_advanced_buttons3" value=""/> <f:param name="theme_advanced_toolbar_location" value="top"/> <f:param name="theme_advanced_toolbar_align" value="left"/> </rich:editor> </rich:panel> </h:panelGrid> </center> <div class="actionButtons"> <h:commandButton id="nothingButton" value="Nop..." /> </div> </h:form> </ui:define> </ui:composition>