4 Replies Latest reply on Jul 21, 2009 9:57 AM by Akash Singla

    Unable to use some features of <rich:editor> like forecolor,

    Akash Singla Newbie

      Hi,
      I'm new to richFaces. Trying my hand on some components, I have come across rich:editor component. Based on TinyMce editor, it is a very neat and nice tool.

      However, I'm unable to use the forecolor, preview and backcolor buttons in chrome and safari.

      Please Help.
      TIA

      Akash

        • 1. Re: Unable to use some features of <rich:editor> like foreco
          Akash Singla Newbie

          Forgot to tell, I'm building a jsf project using facelets and richFaces 3.3.1.

          I have use the following code in my xhtml



          <h:panelGrid width="100%" columnClasses="column,column">
          <h:panelGroup style="height:320px;width:400px;" layout="block">
          <rich:editor configuration="#{editorBean.configuration}" value="#{homePanelBean.textValue}"/>
          </h:panelGroup>
          </h:panelGrid>



          the configuration file has the following entries.

          theme
          ="advanced"
          plugins="save,paste"
          theme_advanced_buttons1="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect"
          theme_advanced_buttons2="pastetext,pasteword,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,code,preview,|,forecolor,backcolor,|"
          theme_advanced_buttons3="hr,|,sub,sup,|,charmap,|,ltr,rtl"
          theme_advanced_toolbar_location="top"
          theme_advanced_toolbar_align="left"
          theme_advanced_statusbar_location="bottom"
          theme_advanced_resizing="true"

          • 2. Re: Unable to use some features of <rich:editor> like foreco
            Ilya Shaikovsky Master

            repost please using [ c o d e ] (without spaces) tags. not readable.

            • 3. Re: Unable to use some features of <rich:editor> like foreco
              Akash Singla Newbie

              Hi, I've been able to use preview button now.

              Simply added an empty css under content_css key in configuration file

              Thanks.
              Please help on rest.

              • 4. Re: Unable to use some features of <rich:editor> like foreco
                Akash Singla Newbie

                xhtml code

                 <div style="width:30%; padding:3% 10% 3%; float: right;">
                 <h:panelGrid width="100%" columnClasses="column,column">
                 <h:panelGroup style="height:320px;width:400px;" layout="block">
                 <rich:editor id="divEditor" configuration="#{editorBean.configuration}" value="#{homePanelBean.textValue}"/>
                 </h:panelGroup>
                 </h:panelGrid>
                 </div>
                



                Configuration file entries
                theme="advanced"
                plugins="save,paste, preview"
                theme_advanced_buttons1="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect"
                theme_advanced_buttons2="pastetext,pasteword,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,code,preview,|,forecolor,backcolor,|"
                theme_advanced_buttons3="hr,|,sub,sup,|,charmap,|,ltr,rtl"
                theme_advanced_toolbar_location="top"
                theme_advanced_toolbar_align="left"
                theme_advanced_statusbar_location="bottom"
                theme_advanced_resizing="true"
                content_css="../stylesheets/test.css"