7 Replies Latest reply on Sep 25, 2009 1:54 AM by tanmay.solanki

    Richfaces html editor component with ibrowser plugin

      Richfaces version 3.3 supports tinymce as html editor component.
      TinyMCE has ibrowser has plugin for browsing images on server before uploading it to the webpage.

      Any knows steps for integrating this ibrowser (or any similar plugin for browsing image) with existing TinyMCE html editor component?


        • 1. Re: Richfaces html editor component with ibrowser plugin
          ilya_shaikovsky

          Component level tinyMCE configuration including themes configurations via properties files and plugin properties definitions described in developer guide.
          Richfaces SVN 3.3.x samples folder contains editorSample project which contains sample of simple plugin configured.

          • 2. Re: Richfaces html editor component with ibrowser plugin

            I am getting folowing error while running example "editor-sample" and
            "editorSeam-sample"

            "The absolute uri: http://labs.jboss.com/jbossrichfaces/ui/editor cannot be resolved in either web.xml or the jar files deployed with this application"


            • 3. Re: Richfaces html editor component with ibrowser plugin

              Sample is working now Its working now.

              I replaced
              <%@ taglib uri="http://labs.jboss.com/jbossrichfaces/ui/editor" prefix="ed" %>
              with
              <%@ taglib uri="http://richfaces.org/rich" prefix="rich" %>

              and placed SkinBean class from other sample project to /src/org/richfaces/ location.

              • 4. Re: Richfaces html editor component with ibrowser plugin

                Hi,I was not able to understand how sample "editor-sample" demo works.

                Is there any documentaion available how the inluded plugin "myemotions"
                to tiny-mce (editor) component ?

                I wanted to include plugin "ibrowser" to existing editor component
                http://pascal.vanhecke.info/2005/08/25/image-upload-plugin-for-tinymce/
                is one of the site that explains how we can include in normal component.
                anyone knows steps I can follow for richfaces editor component.

                • 5. Re: Richfaces html editor component with ibrowser plugin
                  ilya_shaikovsky

                   

                  Is there any documentaion available how the inluded plugin "myemotions"
                  to tiny-mce (editor) component ?


                  developer guide provides the info.

                  • 6. Re: Richfaces html editor component with ibrowser plugin

                    Following same procedure as in developer guide I modified
                    sampel code (editor-sample) to add plugin "ibrowser" instead existing of
                    myemotions" plugin
                    Below is the code I modified

                    1)in editor.jsp
                    
                    <rich:editor id="editorId"
                     value="#{editorBean.value}"
                     width="600"
                     height="400"
                     rendered="#{editorBean.rendered}"
                     binding="#{editorBean.editor}"
                     theme="#{editorBean.theme}"
                     language="#{editorBean.language}"
                     configuration="editorFull"
                     skin="#{editorBean.skin}"
                     customPlugins="myplugins"
                     readonly="#{editorBean.readonly}"
                     viewMode="#{editorBean.viewMode}"
                     plugins="safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,ibrowser">
                    </rich:editor>
                    
                    2)in myplugins.properties
                    
                    ibrowser=/tiny-custom-plugins/ibrowser/editor_plugin.js
                    
                    3)in editorFull.properties
                    
                    plugins = "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template"
                    theme_advanced_buttons1 = "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect"
                    theme_advanced_buttons2 = "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor"
                    theme_advanced_buttons3 = "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen"
                    theme_advanced_buttons4 = "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak"
                    theme_advanced_buttons5 = "|,ibrowser,|"
                    theme_advanced_toolbar_location = "top"
                    theme_advanced_toolbar_align = "left"
                    theme_advanced_statusbar_location = "bottom"
                    theme_advanced_resizing =true
                    
                    


                    and now editor is not showing the page?
                    No error shown on the console.





                    • 7. Re: Richfaces html editor component with ibrowser plugin

                      ibrowser is a PHP image browser - iBrowser is it possible to safely integrate it in Richfaces editor component (tiny-mce WYSIWYG editor) ?