Comments on: Hiding nested controls in a Flex RichTextEditor control (remix)

By: Peter deHaan

Peter deHaan — Thu, 18 Feb 2010 00:32:52 +0000

Done; http://blog.flexexamples.com/2010/02/17/removing-controls-from-the-mx-richtexteditor-control-in-flex/

By: Peter deHaan

Peter deHaan — Wed, 17 Feb 2010 23:46:19 +0000

Somebody asked how you could create a RichTextEditor with only the linkTextInput, and I came up with this. I’ll try and port this to a full example later if I get some time:

"1.0" encoding="utf-8"?>
 name="LinkOnlyRichTextEditor"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        creationComplete="init();">
 
    
        
            private function init():void {
                // remove unwanted controls...
                fontFamilyCombo.parent.removeChild(fontFamilyCombo);
                fontSizeCombo.parent.removeChild(fontSizeCombo);
                toolBar2.parent.removeChild(toolBar2);
                colorPicker.parent.removeChild(colorPicker);
                alignButtons.parent.removeChild(alignButtons);
                bulletButton.parent.removeChild(bulletButton);
 
                // remove vertical separators...
                _RichTextEditor_VRule1.parent.removeChild(_RichTextEditor_VRule1);
                _RichTextEditor_VRule2.parent.removeChild(_RichTextEditor_VRule2);
 
                // resize link TextInput control...
                linkTextInput.width = toolbar.width;
            }
        ]]>
    
 
>

Peter

By: dr3d

dr3d — Mon, 15 Feb 2010 18:21:15 +0000

you’re going to have to subclass RichTextEditor in order to be able to access those protected components

By: Peter deHaan

Peter deHaan — Fri, 19 Jun 2009 14:12:59 +0000

Taniguchi Toshio, J.,

I’ve never tried fully customizing the RichTextEditor control, but you can find the MXML source code in your Flex SDK folder at \frameworks\projects\framework\src\mx\controls\RichTextEditor.mxml

It may be possible to copy/paste that file and reorder the MXML components at the bottom of the code (or remove the TextArea altogether and pass a reference to an existing TextArea control to your custom RichTextEditor component).

Hope that helps,
Peter

By: Taniguchi Toshio, J.

Taniguchi Toshio, J. — Fri, 19 Jun 2009 11:09:17 +0000

Hi,

I know the post its quite old but I would like to ask if it is possible to remove the textarea from the rte and add it into a different place [into a canvas, for example]?

Another question: It is possible to create a new textarea and make it editable using the same rte over and over?

Thanks :)

Your blog RuLeZ!

By: morphy

morphy — Thu, 15 Jan 2009 14:52:10 +0000

Hi !

Any idea on how to remove the title bar from a richTextEditor ?
I know there are titleBar and titleTextField properties on richTextEditor but they are protected properties …

Thanx.

By: Paul

Paul — Sat, 12 Apr 2008 00:22:17 +0000

while not quite what i was looking for this was lots of help in adding a button to the toolbar

var but:Button = new Button();
but.label = "Post News";
but.addEventListener("click",action_post_news);
rte.toolbar.addChild(but);

.. and after a bit of experimenting (still learning flex and as3) i found i could add before the TextArea with…

news_title = new TextInput(); // doesnt start with Var as its globally defined so i can access its text
news_title.percentWidth = 100;
var lab1:Label = new Label();
lab1.text = "Title";
var hb:HBox = new HBox();
hb.percentWidth = 100;
hb.addChild(lab1);
hb.addChild(news_title);
rte.addChildAt(hb, 0);

By: webdev.andrei

webdev.andrei — Mon, 31 Mar 2008 09:45:15 +0000

What I wanted to accomplish is to make the background invisible either make it transparent or changing its color to match the background (white). I did the following:

rich.setStyle("borderThickness", 1);
rich.setStyle("borderAlpha", 1);
rich.setStyle("borderColor", 0xFFFFFF);
rich.setStyle("dropShadowEnabled", false);
rich.setStyle("headerHeight", 0);
rich.setStyle("backgroundColor", 0xFFFFFF);

I noticed that RTE needs to have the border defined to be able to modify the default background. So after setting the border you may be able to set the alpha to transparent.

By: Mark

Mark — Wed, 05 Dec 2007 15:02:22 +0000

Thanks for this post, it’s quite topical and removing the VRules was something I was struggling with.

Another aspect of the RichTextEditor I’m having difficulty editing is the ControlBar that the toolbar and controls are contained within. I can’t find a good way to target it and I want to remove the background from this component. Any thoughts on how I could tackle that?