2016-11-07 17 views
0

我在我的Flex应用程序中包含了一个RichTextEditor。通过以下代码,我将richTextEditor的工具栏置顶。如何摆脱富文本编辑器中的工具栏和文本区域之间的白线Flex

<mx:RichTextEditor id=”richTextEditor” creationComplete=”richTextEditor_creationCompleteHandler(event)” 
width=”550″ height=”200″ 
headerHeight=”0″ /> 

Script: 

protected function richTextEditor_creationCompleteHandler(event:FlexEvent):void 

{ 
richTextEditor.toolbar.removeChild(richTextEditor.linkTextInput) 

/* toolbar is in ControlBar, ControlBar is not a direct content 
child of the Panel in RichTextEditor. */ 

richTextEditor.toolbar.parent.removeChild(richTextEditor.toolbar); 
controlBarContainer = new HBox(); 
controlBarContainer.percentWidth = 100; 
controlBarContainer.setStyle(‘paddingLeft’, 5); 
controlBarContainer.setStyle(‘paddingTop’, 5); 
controlBarContainer.setStyle(‘paddingRight’, 5); 
controlBarContainer.setStyle(‘paddingBottom’, 5); 
controlBarContainer.addChild(richTextEditor.toolbar); 
richTextEditor.addChildAt(controlBarContainer, 0); 

} 

但问题是,当我把一个背景颜色的工具栏它来像下面的图像。

enter image description here

有工具栏和文本区域之间的白线。有人能告诉我如何去除那条白线吗?

在此先感谢。

回答

1

您可以将RichTextEditor的verticalGap样式设置为0.应清除空白区域。我尝试过并为我工作。希望这可以帮助

<mx:RichTextEditor id="richTextEditor" creationComplete="richTextEditor_creationCompleteHandler(event)" 
        width="550" height="200" 
        headerHeight="0" verticalGap="0"/>