ICEfaces
  1. ICEfaces
  2. ICE-2679

Add customizable toolbar support to inputRichText

          Details

          • Type: Improvement Improvement
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 1.7DR#3
          • Fix Version/s: 1.7RC1, 1.7
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            n/a

            Description

            Need to provide the api to use customizable toolbar for the inputRichText. Available toolbars are documented here:

            http://wiki.fckeditor.net/Developer%27s_Guide/Configuration/Toolbar?highlight=%28toolbar%29

            - New attribute would be called 'toolbar' and would simply be a string or params passed to the FCKEditor.

              Issue Links

              depends on

              Improvement - An improvement or enhancement to an existing feature or task. ICE-2721 The inputRichText component should allow to switch between two default toolbar sets which comes with the FCKeditor

              • Major - Major loss of function.
              • Closed

                Activity

                Ascending order - Click to sort in descending order
                Philip Breau created issue -
                Philip Breau made changes -
                Field Original Value New Value
                Support Case References https://www.icesoft.ca:4443/supportilla/show_bug.cgi?id=4564
                Ken Fyten made changes -
                Fix Version/s 1.7Beta1 [ 10121 ]
                Assignee Adnan Durrani [ adnan.durrani ]
                Adnan Durrani made changes -
                Status Open [ 1 ] In Progress [ 3 ]
                Hide
                Permalink
                Adnan Durrani added a comment -

                In order to define the custom toolbar, the following snippet needs to be put inside the config.js.

                FCKConfig.ToolbarSets['custom'] = [
                ['item1'],
                ['item2'],
                ['item3', 'item4]
                ] ;

                To server the FCKeditor resources we use a zip file (fckeditor.zip). So its not straight to take above snippet as string parameter and manipulate the config.js inside the zip and serve it.

                I thought after loading the FCKeditor API, the "FCKconfig" will be available into the javascript context as a public variable, but when I tried it, I didn't find it.

                Show
                Adnan Durrani added a comment - In order to define the custom toolbar, the following snippet needs to be put inside the config.js. FCKConfig.ToolbarSets ['custom'] = [ ['item1'] , ['item2'] , ['item3', 'item4] ] ; To server the FCKeditor resources we use a zip file (fckeditor.zip). So its not straight to take above snippet as string parameter and manipulate the config.js inside the zip and serve it. I thought after loading the FCKeditor API, the "FCKconfig" will be available into the javascript context as a public variable, but when I tried it, I didn't find it.
                Hide
                Permalink
                Ken Fyten added a comment -

                An initial version of this is implemented by ICE-2721.

                Show
                Ken Fyten added a comment - An initial version of this is implemented by ICE-2721 .
                Ken Fyten made changes -
                Link This issue depends on ICE-2721 [ ICE-2721 ]
                Ken Fyten made changes -
                Fix Version/s 1.7 [ 10080 ]
                Fix Version/s 1.7Beta1 [ 10121 ]
                Ken Fyten made changes -
                Assignee Priority P3
                Ken Fyten made changes -
                Assignee Priority P3 P2
                Repository Revision Date User Message
                ICEsoft Public SVN Repository #15878 Thu Feb 28 06:22:06 MST 2008 adnan.durrani Fix for ICE-2679 (Add customizable toolbar support to inputRichText)
                Files Changed
                Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/inputrichtext/InputRichText.java
                Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/inputrichtext/InputRichTextRenderer.java
                Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-inputRichText-props.xml
                Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/inputrichtext/fckeditor_ext.js
                Hide
                Permalink
                Adnan Durrani added a comment -

                revision 15878

                Show
                Adnan Durrani added a comment - revision 15878
                Adnan Durrani made changes -
                Status In Progress [ 3 ] Resolved [ 5 ]
                Resolution Fixed [ 1 ]
                Hide
                Permalink
                Adnan Durrani added a comment -

                The following new attribute added on the inputRichText component, to define the custom configuration path.
                -customConfigPath

                The configuration of the FCKEditor can be changed using the js file defined by the above path, relative to the web root.

                In order to get the custom toolbar, there are two steps are involved.

                1- Define a toolbarset into the JS file, and place it into the web app.(e.g.)

                web_application_root/js/my_config.js
                FCKConfig.ToolbarSets["MyToolbar"] = [['Bold','Italic', 'Underline'], ['Save']] ;

                2- Define the customConfigPath and the toolbar name on the inputRichText component (e.g.)
                <ice:inputRichText customConfigPath="js/my_config.js" toolbar="MyToolbar" />

                Show
                Adnan Durrani added a comment - The following new attribute added on the inputRichText component, to define the custom configuration path. -customConfigPath The configuration of the FCKEditor can be changed using the js file defined by the above path, relative to the web root. In order to get the custom toolbar, there are two steps are involved. 1- Define a toolbarset into the JS file, and place it into the web app.(e.g.) web_application_root/js/my_config.js FCKConfig.ToolbarSets ["MyToolbar"] = [ ['Bold','Italic', 'Underline'] , ['Save'] ] ; 2- Define the customConfigPath and the toolbar name on the inputRichText component (e.g.) <ice:inputRichText customConfigPath="js/my_config.js" toolbar="MyToolbar" />
                Ken Fyten made changes -
                Fix Version/s 1.7RC1 [ 10123 ]
                Fix Version/s 1.7 [ 10080 ]
                Ken Fyten made changes -
                Fix Version/s 1.7 [ 10080 ]
                Ken Fyten made changes -
                Status Resolved [ 5 ] Closed [ 6 ]
                Assignee Priority P2
                Assignee Adnan Durrani [ adnan.durrani ]

                  People

                  • Assignee:
                    Unassigned
                    Reporter:
                    Philip Breau
                  • Votes:
                    4 Vote for this issue
                    Watchers:
                    1 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: