Are you using Flex 2 or 3? In flex 2, commitProperties can use CSS to reset the text formating of an RTE (line 308 in RichTextEditor.mxml will do it). If you know you're never going to want styles to set the formating of the the control, disable that line (through overriding commitProperties() or some other method like that).
- Dan Freiman On Feb 8, 2008 9:37 AM, ben.clinkinbeard <[EMAIL PROTECTED]> wrote: > Well, I have good news and bad news and then a little bit more good > news. > > Good news: There is a workaround. The problem happens when the > window's style gets changed, as happens when focus switches. As a > result, setting the focusStyleName and noFocusStyleName to the same > value will prevent the loss of formatting. Can be done by adding these > attributes to each window: focusStyleName="foo" noFocusStyleName="foo" > > Bad news (besides the fact that having windows that look the same > regardless of focus kind of sucks): This behavior is inherited from > Panel (MDIWindow's super class). If you create a Panel with a RTE > inside it and then set the Panel's styleName property you will see the > same issue. This happens even if the style contains nothing but a > background color so it doesn't seem like the text field's style is > getting overridden, which makes this a bit stranger. > > (Kinda) good news part 2: There is an update release of flexmdi coming > early next week that will make it easier to implement the workaround. > Your windows would still not have focus-specific styles though. > > Hopefully this workaround is enough to keep you afloat. I am going to > see if I can dig a bit deeper on why this happens in the first place > and will likely post to the group with what I found out... or to > report my futility and ask for help. > > Thanks, > Ben > > > --- In [email protected] <flexcoders%40yahoogroups.com>, Max > Frigge <[EMAIL PROTECTED]> wrote: > > > > You are a lifesaver!! Thanks a lot. If there's anything I can to > > to support your investigation... just let me know. > > > > Thanks, Max > > > > ----- Original Message ---- > > From: ben.clinkinbeard <[EMAIL PROTECTED]> > > To: [email protected] <flexcoders%40yahoogroups.com> > > Sent: Saturday, February 9, 2008 12:58:32 AM > > Subject: [flexcoders] Re: Need help creating a custom rich text > editor using flexmdi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Hi Max, > > > > > > > > Thanks for pointing this out. To be honest I've never used the RTE > > > > component so I don't have much of an idea how it works or why this > > > > would be happening. I should be able to investigate later today though > > > > and will follow up with anything I figure out. > > > > > > > > Thanks, > > > > Ben > > > > > > > > --- In [EMAIL PROTECTED] ups.com, Max Frigge <m.frigge@ .> wrote: > > > > > > > > > > Mh.. I just noticed that the problem occurs with RichText editor > > > > > within a flexmdi Panel in general. So i narrowed it down and > > > > > created a little example.. source view enabled. Just format the > > > > > text in one window and then focus the other one. The text format > > > > > disappears right away. I also tried the same just using the PopUp > > > > > manager (on which the flexmdi is based on) but there it works. > > > > > So I assume that it must be a problem of the flexmdi. Is someone > > > > > of the developers online maybe, who could have a look pleeeeeease? ? > > > > > > > > > > http://www.osfeelin g.com/rte_ test/main. html > > > > > > > > > > Thanks, Max > > > > > > > > > > > > > > > > > > > > ----- Original Message ---- > > > > > From: Max Frigge <m.frigge@ .> > > > > > To: Flexcoders <[EMAIL PROTECTED] ups.com> > > > > > Sent: Friday, February 8, 2008 9:40:24 PM > > > > > Subject: [flexcoders] Need help creating a custom rich text editor > > > > using flexmdi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Hi there, > > > > > > > > > > I am trying to separate the rich text controls from the rich text > > > > editor, > > > > > so that I can have the controls at a different place instead of > > > > inside the > > > > > rich text editor. I am using flexmdi (a window component) to create a > > > > > window based UI. I have one window that carries the textArea and > > > > > another one that carries all the rich text controls (font, fonsize, > > > > alignment, ...). > > > > > I use it exactly the same way it is done in the flex rich text > > > > editor, but instead > > > > > of referencing to a textArea inside the component I have a reference > > > > to it, > > > > > which is set when i create the text format window. I can format the > > > > text in my > > > > > external format window, but as soon as I click back on the text area > > > > (in another > > > > > window) I loose all the text format and it goes back to standard > > > > > format. > > > > > I have no clue how to fix this. Can anyone please give me some > advise on > > > > > how to either fix it or search for reason why it acts like that? > > > > > > > > > > Best Regards, Max > > > > > > > > > > > > > > > > > > > > > > > > > Looking for last minute shopping deals? > > > > > Find them fast with Yahoo! Search. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > <!-- > > > > > > > > > > #ygrp-mkp{ > > > > > border:1px solid #d8d8d8;font- family:Arial; margin:14px > > > > 0px;padding: 0px 14px;} > > > > > #ygrp-mkp hr{ > > > > > border:1px solid #d8d8d8;} > > > > > #ygrp-mkp #hd{ > > > > > > > > > color:#628c2a; font-size: 85%;font- weight:bold; line-height: > 122%;margin: 10px > > > > 0px;} > > > > > #ygrp-mkp #ads{ > > > > > margin-bottom: 10px;} > > > > > #ygrp-mkp .ad{ > > > > > padding:0 0;} > > > > > #ygrp-mkp .ad a{ > > > > > color:#0000ff; text-decoration: none;} > > > > > --> > > > > > > > > > > > > > > > > > > > > <!-- > > > > > > > > > > #ygrp-sponsor #ygrp-lc{ > > > > > font-family: Arial;} > > > > > #ygrp-sponsor #ygrp-lc #hd{ > > > > > margin:10px 0px;font-weight: bold;font- size:78%; line-height: 122%;} > > > > > #ygrp-sponsor #ygrp-lc .ad{ > > > > > margin-bottom: 10px;padding: 0 0;} > > > > > --> > > > > > > > > > > > > > > > > > > > > <!-- > > > > > > > > > > #ygrp-mlmsg {font-size:13px; font-family: arial, helvetica, clean, > > > > sans-serif;} > > > > > #ygrp-mlmsg table {font-size:inherit; font:100% ;} > > > > > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, > > > > clean, sans-serif;} > > > > > #ygrp-mlmsg pre, code {font:115% monospace;} > > > > > #ygrp-mlmsg * {line-height: 1.22em;} > > > > > #ygrp-text{ > > > > > font-family: Georgia; > > > > > } > > > > > #ygrp-text p{ > > > > > margin:0 0 1em 0;} > > > > > #ygrp-tpmsgs{ > > > > > font-family: Arial; > > > > > clear:both;} > > > > > #ygrp-vitnav{ > > > > > padding-top: 10px;font- family:Verdana; font-size: 77%;margin: 0;} > > > > > #ygrp-vitnav a{ > > > > > padding:0 1px;} > > > > > #ygrp-actbar{ > > > > > clear:both;margin: 25px > > > > 0;white-space: nowrap;color: #666;text- align:right; } > > > > > #ygrp-actbar .left{ > > > > > float:left;white- space:nowrap; } > > > > > ..bld{font-weight: bold;} > > > > > #ygrp-grft{ > > > > > font-family: Verdana;font- size:77%; padding:15px 0;} > > > > > #ygrp-ft{ > > > > > font-family: verdana;font- size:77%; border-top: 1px solid #666; > > > > > padding:5px 0; > > > > > } > > > > > #ygrp-mlmsg #logo{ > > > > > padding-bottom: 10px;} > > > > > > > > > > #ygrp-vital{ > > > > > background-color: #e0ecee;margin- bottom:20px; padding:2px 0 8px 8px;} > > > > > #ygrp-vital #vithd{ > > > > > > > > > font-size:77% ;font-family: Verdana;font- weight:bold; color:#333; > text-transform: uppercase; } > > > > > #ygrp-vital ul{ > > > > > padding:0;margin: 2px 0;} > > > > > #ygrp-vital ul li{ > > > > > list-style-type: none;clear: both;border: 1px solid #e0ecee; > > > > > } > > > > > #ygrp-vital ul li .ct{ > > > > > > > > > font-weight: bold;color: #ff7900;float: right;width: 2em;text- > align:right; padding-right: .5em;} > > > > > #ygrp-vital ul li .cat{ > > > > > font-weight: bold;} > > > > > #ygrp-vital a{ > > > > > text-decoration: none;} > > > > > > > > > > #ygrp-vital a:hover{ > > > > > text-decoration: underline; } > > > > > > > > > > #ygrp-sponsor #hd{ > > > > > color:#999;font- size:77%; } > > > > > #ygrp-sponsor #ov{ > > > > > padding:6px 13px;background- color:#e0ecee; margin-bottom: 20px;} > > > > > #ygrp-sponsor #ov ul{ > > > > > padding:0 0 0 8px;margin:0; } > > > > > #ygrp-sponsor #ov li{ > > > > > list-style-type: square;padding: 6px 0;font-size: 77%;} > > > > > #ygrp-sponsor #ov li a{ > > > > > text-decoration: none;font- size:130% ;} > > > > > #ygrp-sponsor #nc{ > > > > > background-color: #eee;margin- bottom:20px; padding:0 8px;} > > > > > #ygrp-sponsor .ad{ > > > > > padding:8px 0;} > > > > > #ygrp-sponsor .ad #hd1{ > > > > > > > > > font-family: Arial;font- weight:bold; color:#628c2a; font-size: > 100%;line- height:122% ;} > > > > > #ygrp-sponsor .ad a{ > > > > > text-decoration: none;} > > > > > #ygrp-sponsor .ad a:hover{ > > > > > text-decoration: underline; } > > > > > #ygrp-sponsor .ad p{ > > > > > margin:0;} > > > > > o{font-size: 0;} > > > > > ..MsoNormal{ > > > > > margin:0 0 0 0;} > > > > > #ygrp-text tt{ > > > > > font-size:120% ;} > > > > > blockquote{margin: 0 0 0 4px;} > > > > > ..replbq{margin: 4;} > > > > > --> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > ____________ _________ _________ _________ _________ _________ _ > > > > > Looking for last minute shopping deals? > > > > > Find them fast with Yahoo! Search. > > > > http://tools. search.yahoo. com/newsearch/ category. php?category= > shopping > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > <!-- > > > > #ygrp-mkp{ > > border:1px solid #d8d8d8;font-family:Arial;margin:14px > 0px;padding:0px 14px;} > > #ygrp-mkp hr{ > > border:1px solid #d8d8d8;} > > #ygrp-mkp #hd{ > > > color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px > 0px;} > > #ygrp-mkp #ads{ > > margin-bottom:10px;} > > #ygrp-mkp .ad{ > > padding:0 0;} > > #ygrp-mkp .ad a{ > > color:#0000ff;text-decoration:none;} > > --> > > > > > > > > <!-- > > > > #ygrp-sponsor #ygrp-lc{ > > font-family:Arial;} > > #ygrp-sponsor #ygrp-lc #hd{ > > margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;} > > #ygrp-sponsor #ygrp-lc .ad{ > > margin-bottom:10px;padding:0 0;} > > --> > > > > > > > > <!-- > > > > #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, > sans-serif;} > > #ygrp-mlmsg table {font-size:inherit;font:100%;} > > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, > clean, sans-serif;} > > #ygrp-mlmsg pre, code {font:115% monospace;} > > #ygrp-mlmsg * {line-height:1.22em;} > > #ygrp-text{ > > font-family:Georgia; > > } > > #ygrp-text p{ > > margin:0 0 1em 0;} > > #ygrp-tpmsgs{ > > font-family:Arial; > > clear:both;} > > #ygrp-vitnav{ > > padding-top:10px;font-family:Verdana;font-size:77%;margin:0;} > > #ygrp-vitnav a{ > > padding:0 1px;} > > #ygrp-actbar{ > > clear:both;margin:25px > 0;white-space:nowrap;color:#666;text-align:right;} > > #ygrp-actbar .left{ > > float:left;white-space:nowrap;} > > ..bld{font-weight:bold;} > > #ygrp-grft{ > > font-family:Verdana;font-size:77%;padding:15px 0;} > > #ygrp-ft{ > > font-family:verdana;font-size:77%;border-top:1px solid #666; > > padding:5px 0; > > } > > #ygrp-mlmsg #logo{ > > padding-bottom:10px;} > > > > #ygrp-vital{ > > background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;} > > #ygrp-vital #vithd{ > > > > font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;} > > #ygrp-vital ul{ > > padding:0;margin:2px 0;} > > #ygrp-vital ul li{ > > list-style-type:none;clear:both;border:1px solid #e0ecee; > > } > > #ygrp-vital ul li .ct{ > > > > font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;} > > #ygrp-vital ul li .cat{ > > font-weight:bold;} > > #ygrp-vital a{ > > text-decoration:none;} > > > > #ygrp-vital a:hover{ > > text-decoration:underline;} > > > > #ygrp-sponsor #hd{ > > color:#999;font-size:77%;} > > #ygrp-sponsor #ov{ > > padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;} > > #ygrp-sponsor #ov ul{ > > padding:0 0 0 8px;margin:0;} > > #ygrp-sponsor #ov li{ > > list-style-type:square;padding:6px 0;font-size:77%;} > > #ygrp-sponsor #ov li a{ > > text-decoration:none;font-size:130%;} > > #ygrp-sponsor #nc{ > > background-color:#eee;margin-bottom:20px;padding:0 8px;} > > #ygrp-sponsor .ad{ > > padding:8px 0;} > > #ygrp-sponsor .ad #hd1{ > > > > font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;} > > #ygrp-sponsor .ad a{ > > text-decoration:none;} > > #ygrp-sponsor .ad a:hover{ > > text-decoration:underline;} > > #ygrp-sponsor .ad p{ > > margin:0;} > > o{font-size:0;} > > ..MsoNormal{ > > margin:0 0 0 0;} > > #ygrp-text tt{ > > font-size:120%;} > > blockquote{margin:0 0 0 4px;} > > ..replbq{margin:4;} > > --> > > > > > > > > > > > > > > > > > > > __________________________________________________________ > > Be a better friend, newshound, and > > know-it-all with Yahoo! Mobile. Try it now. > http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ > > > > >
