RichTextEditor

I left a post earlier about the RichTextEditor when saving text and than retrieving, extra line feeds are being added.
But another issue is -
The RichTextEditor is a Halo component, and RichText is a spark component so with similar names it seems that RichText would have an easy html method like RichTextEditor (ie RichTextEditor.html = ""), plus RichText would be for display and RichTextEditor would be for creating/editing; maybe it's me and I'm missing something or maybe Adobe should change the names. But that's a complaint or stupidity on my part.
Without using an itemrenderer, for sake of simplicity, is there an easy way of loading RichTextEditor html/rich text into a textarea or textbase? So far I just load it into another instance of RichTextEditor (I do use itemrenderers to display it in Alerts or DataGrids), but I would like the rich/html text in a component without the user having editing ability but still have cut and paste to another component or good visibility (unlike when the RTE is disabled). When it is loaded into RichTextEditor for viewing, the controls can be removed, but a user can still edit the text (just not save), and if disabled than they lose the ability to cut and paste to something else from it. This would all be a moot point if the RTE doesn't use anymore overhead than another component that displays its text.
Thanks in advance
(If you've read this far, sorry for the rambling, can you tell it's been a long day of coding?)

> The RichTextEditor is a Halo component, and RichText is a spark component so with similar names
The new Spark "text primitives" are SimpleText, RichText, and RichEditableText. This nomenclature may create some confusion with the old Halo RichTextEditor, but after lots of discussions we felt they were the best names to describe what they do, and we wanted the best names going forward. RichTextEditor, like other Halo components, will at some point become obsolete when the Spark component set is complete.
> it seems that RichText would have an easy html method like RichTextEditor
The richness that RichText and RichEditableText is that of TLF, the new Text Layout Framework. TLF has a markup language that is similar to XHTML, but in TLF the primary representation of rich text isn't markup. Instead, it's a tree of ActionScript objects such as DivElements, ParagraphElements, and SpanElements. The root of this tree is an object known as a TextFlow.
Therefore in the latest trunk builds of Gumbo, RichText and RichEditableText expose a 'textFlow' property which you set to a TextFlow. If you have markup as a String or as XML, there is now a utility class called TextFlowUtil for converting the markup to and from a TextFlow. A TextFlow is very powerful because you can access its parts as ActionScript objects and change them at runtime.
Halo components did not have an object-oriented model of rich text, so they just exposed the htmlText:String property, which is not as powerful when you want to change just part of a long document.
> is there an easy way of loading RichTextEditor html/rich text into a textarea
Doesn't myTextArea.htmlText = myRichTextEditor.htmlText do what you want?
Gordon Smith
Adobe Flex SDK Team

Similar Messages

HTTPService or mx:RichTextEditor isn't working well - htmlText

Hello
I'm working with the component <mx:RichTextEditor/>
I have a big problem after the HTTPService send the code and stores it in database.
Every time I catch the htmlText from RichTextEditor, he is putting a strange tag. I need to clean these tags.
I send this HTML code (htmlText from RichTextEditor) and store in the database.
In another moment I want to retrieve this code and throw in a TextArea.- this is the objetives, but I had a problem with this.
Look my code:
<mx:RichTextEditor id="ds_noticia" title="Descrição da notícia"
 width="80%" htmlText="{dgNotRequest.selectedItem.dsNews}" />
<mx:Button id="submit" label="{'ADD'}" click="finish()" />
//Script:
private function concluir():void{
 newsService.send();
<mx:HTTPService id=" newsService " url=" class/class_news.php"
 resultFormat="object" result="newsHandler(event)" fault="faultHandler(event)" method="POST" >
 <mx:request xmlns="">
 <ds_noticia><![CDATA[{ds_noticia.htmlText}]]></ds_noticia>
 </mx:request>
</mx:HTTPService>
Whit firebug I can see the post:
ds_noticia<TEXTFORMAT LEADING="2">Introdução as tecnicas inter latifundiarias</TEXTFORMAT><TEXTFORMAT LEADING="2">Aplicabilidade e manutenbilidade da gestão de requisito de isotopo por molécula astridente:</TEXTFORMAT><TEXTFORMAT LEADING="2"></TEXTFORMAT><TEXTFORMAT LEADING="2">Números</TEXTFORMAT><TEXTFORMAT LEADING="2">A tecnologia foi adotada pela Cast há mais de dois anos e chegou a ter mais de 200 servidores virtuais. </TEXTFORMAT><TEXTFORMAT LEADING="2"></TEXTFORMAT><TEXTFORMAT LEADING="2">O projeto de virtualização demorou seis meses para ficar pronto e foram gastos quase R$ 600.000,00 na compra de equipamentos, software, instalação e treinamento.</TEXTFORMAT><TEXTFORMAT LEADING="2"></TEXTFORMAT><TEXTFORMAT LEADING="2">Sem a virtualização, a Cast gastaria com renovações e novas aquisições, isso sem considerar o aluguel de espaço físico e custos com energia.</TEXTFORMAT><TEXTFORMAT LEADING="2"></TEXTFORMAT><TEXTFORMAT LEADING="2">Resultados</TEXTFORMAT><TEXTFORMAT LEADING="2">Desde a implementação da virtualização foi possível reduzir o tempo de atendimento de serviços de dias para horas.</TEXTFORMAT><TEXTFORMAT LEADING="2"></TEXTFORMAT><TEXTFORMAT LEADING="2">Essas ações são importantes para a empresa, a sociedade e, principalmente, para o planeta. </TEXTFORMAT><TEXTFORMAT LEADING="2"></TEXTFORMAT><TEXTFORMAT LEADING="2">Fonte: </TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Gilson Fabio Robles Bernichi - Administrador de Banco Dados</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>James Lima da Silva - Coordenador de Suporte ao Desenvolvimento</LI></TEXTFORMAT><TEXTFORMAT LEADING="2"><LI>Leonardo Amorim de Araujo – Coordenador de Infraestrutura e Segurança</LI></TEXTFORMAT>
If I could save this code, it would be perfect!
BUT the answer, after HTTPService send the content and it is saved into database
now the HTTPService show other code, this is not the same first code sanded!
ds_news = '<TEXTFORMAT LEADING=\"2\">Introdução as tecnicas inter latifundiarias</TEXTFORMAT><TEXTFORMAT LEADING=\"2\">Aplicabilidade e manutenbilidade da gestão de requisito de isotopo por molécula astridente:</TEXTFORMAT><TEXTFORMAT LEADING=\"2\"></TEXTFORMAT><TEXTFORMAT LEADING=\"2\">Números</TEXTFORMAT><TEXTFORMAT LEADING=\"2\">A tecnologia foi adotada pela Cast há mais de dois anos e chegou a ter mais de 200 servidores virtuais. </TEXTFORMAT><TEXTFORMAT LEADING=\"2\"></TEXTFORMAT><TEXTFORMAT LEADING=\"2\">O projeto de virtualização demorou seis meses para ficar pronto e foram gastos quase R$ 600.000,00 na compra de equipamentos, software, instalação e treinamento.</TEXTFORMAT><TEXTFORMAT LEADING=\"2\"></TEXTFORMAT><TEXTFORMAT LEADING=\"2\">Sem a virtualização, a Cast gastaria com renovações e novas aquisições, isso sem considerar o aluguel de espaço físico e custos com energia.</TEXTFORMAT><TEXTFORMAT LEADING=\"2\"></TEXTFORMAT><TEXTFORMAT LEADING=\"2\">Resultados</TEXTFORMAT><TEXTFORMAT LEADING=\"2\">Desde a implementação da virtualização foi possível reduzir o tempo de atendimento de serviços de dias para horas.</TEXTFORMAT><TEXTFORMAT LEADING=\"2\"></TEXTFORMAT><TEXTFORMAT LEADING=\"2\">Essas ações são importantes para a empresa, a sociedade e, principalmente, para o planeta. </TEXTFORMAT><TEXTFORMAT LEADING=\"2\"></TEXTFORMAT><TEXTFORMAT LEADING=\"2\">Fonte: </TEXTFORMAT><TEXTFORMAT LEADING=\"2\"><LI>Gilson Fabio Robles Bernichi - Administrador de Banco Dados</LI></TEXTFORMAT><TEXTFORMAT LEADING=\"2\"><LI>James Lima da Silva - Coordenador de Suporte ao Desenvolvimento</LI></TEXTFORMAT><TEXTFORMAT LEADING=\"2\"><LI>Leonardo Amorim de Araujo ? Coordenador de Infraestrutura e Segurança</LI></TEXTFORMAT>'
who can help me ?
Who can imagine what is happened?
Who can understand why the flex put a tag (/) always before the sing (“)?
Thank you for help me

Thanks!!!!
This problem isn't with Adobe Flex. This problema is because PHP configuration at PHP.ini
When on, all ' (single-quote), " (double quote), \ (backslash) and NULL characters are escaped with a backslash automatically.
"Quando ligada, qualquer ' (aspas simples), " (aspas duplas), \ (barra invertida) e NULL será colocado uma barra-invertida antes (' vira \') automaticamente".
Is a tecnique of incripiting by PHP but this feature has been DEPRECATED as of PHP 5.3.0. As my Case.
LOOK the steps
1. Check php.ini into server:
a. Acess: /etc/php5/apache2/php.ini (In my case, i'm working with Linux-Umbuntu)
2. Verify the part that mentioned about eMagic quotes. It need be stay like fallow example:
; Magic quotes
; Magic quotes for incoming GET/POST/Cookie data.
magic_quotes_gpc = Off
; Magic quotes for runtime-generated data, e.g. data from SQL, from exec(), etc.
magic_quotes_runtime = Off
; Use Sybase-style magic quotes (escape ' with '' instead of \').
magic_quotes_sybase = Off
; Automatically add files before or after any PHP document.
auto_prepend_file =
auto_append_file =
; As of 4.0b4, PHP always outputs a character encoding by default in
; the Content-type: header. To disable sending of the charset, simply
; set it to be empty.
; PHP's built-in default is text/html
default_mimetype = "text/html"
default_charset = "utf-8"
; Always populate the $HTTP_RAW_POST_DATA variable.
;always_populate_raw_post_data = On
3. If necessary and diferent, disable the magic Quotes in php.ini: Put (OFF) in the place where is (ON)
We need change this because:
Inconvenience, if the property is on, it will put in a strange caracter (\) before ("). It is bat when you need to save html code to keep the format of the text.
it change important datas into database
This feature has been DEPRECATED as of PHP 5.3.0. Relying on this feature is highly discouraged.
The magic_quotes_gpc directive may only be disabled at the system level, and not at runtime. In otherwords, use of ini_set() is not an option.
FONTE: http://www.php.net/manual/en/security.magicquotes.php
thanks again. good luck

Notify RichTextEditor that value has changed

Hi.
I'm changing value of RichTextEditor through JavaScript (with commandToolbarButton on custom toolbar inside RTE).
Now if I want to commit/submit application says that there is no changes.
As soon I type something (besides using my custom toolbar buttons to change value of RTE) everything is submitted. Obviously there are some triggers based on keyDown or something like that, to notify that value has changed. Now my question is how to notify (from JavaScript) RichTextEditor (or who else) that value is changed?
Regards

After declaring private RichTextEditor rte1; call the method rte1.isChanged(); the method will return true if there is a change
Nigel

Problems with the richTextEditor and quotes

Hello
I'm having problems with quote chars and the richText
control's htmlText. When users enter quotes into the richTextEditor
control. The quotes breaks the HTML text, meaning it's no longer
well formatted. Is there an escape char that I need to use. Or do I
need to force some kind of refresh on the control prior to using
the htmlText string?

I have been using RTE in a content management system and
found a need to replace non-standard quote characters with proper
UTF-8 character counterparts. Curly quotes in particular are
problematic. Use a replace function to substitute non-standard for
standard characters.

ADF RichTextEditor opening links in new browser - how to do it?

Hi, If I add a link in ADF RichTextEditor, how do I make it open in a new browser window when clicked on it? Essentially, I want RichTextEditor to insert "target=_blank" attribute in the achor element rendered.
Of course, I can ask the user to go to source mode and do it themselves, however, I was hoping that in the WYSIWYG mode, RichTextEditor would give me the options for specifying the target.
Is this possible?
BTW, I dont want to process the value of the RichTextEditor at the backend and insert the target programmatically.
Thanks.

The question is: how do I detect if the clientaborts
the downloading by pressing the stop button on theweb
browser?Short answere: You dont.It doesn't terminate the socket? How/when does the socket get closed on the client side then?

How to insert or upload image in RichTextEditor ?

Hello everyone,
I am new to flex and trying to design a full-fledged RichTextEditor in flex builder,Can anyone tell me how to add or upload image
in RichTextEditor at users cursor location ?
also user should be able to resize and move the image around the text editor.

It can be done in either. There are 3 steps.
Learn about greenscreen (keying) including lighting, filming, best formats for video (the way they do it in the weather segment) or masking and roto.
learn about image editing including sizing images, color correcting, applying effects
learn about controlling motion and editing duration of stills in a NLE or After Effects
When you have a few of these basics down and have designed your production you then load up the video and the stills, key out the background or mask around your talent to separate the talent from the background, add your photos to the time line and animate their duration and position.
This is extremely basic stuff that can be accomplished in a NLE or in AE. You can basically reproduce just about any effect you've ever seen in a movie in AE with the right planning and plug-ins. You can do just about anything you've ever seen in a news broadcast in any modern NLE.

How to insert a word document or an RTF document into RichTextEditor?

How to insert a word document or an RTF document into af:richTextEditor. I am using Apache POI for reading the Word document and getting its contents. I am able to display the whole content of the document except the table and image within the document. The data in the table is getting displayed as a string and not as a table inside the editor.
Can we insert a word/RTF document into a rich text editor?
Can we insert images into the rich text editor?
The following is the code that I used. On clicking a button the word document has to be inserted into the <af:richTextEditor>.
<af:richTextEditor id="rte1" autoSubmit="true"
immediate="true"
columns="110" rows="20">
<af:dropTarget dropListener="#{SendEmail.richTextEditorDrop}">
<af:dataFlavor flavorClass="java.lang.String"/>
</af:dropTarget>
</af:richTextEditor>
<af:commandButton text="Insert at position" id="cb2">
<af:richTextEditorInsertBehavior for="rte1" value="#{RichTextEditorUtil.docFile}"/>
</af:commandButton>
Java Code: I am using Apache POI for reading the word document.
import org.apache.poi.hwpf.HWPFDocument;
import org.apache.poi.hwpf.extractor.WordExtractor;
public String getDocFile() {
File docFile = null;
WordExtractor docExtractor = null ;
WordExtractor exprExtractor = null ;
try {
docFile = new File("C:/temp/test.doc");
//A FileInputStream obtains input bytes from a file.
FileInputStream fis=new FileInputStream(docFile.getAbsolutePath());
//A HWPFDocument used to read document file from FileInputStream
HWPFDocument doc=new HWPFDocument(fis);
docExtractor = new WordExtractor(doc);
catch(Exception exep)
System.out.println(exep.getMessage());
//This Array stores each line from the document file.
String [] docArray = docExtractor.getParagraphText();
String fileContent = "";
for(int i=0;i<docArray.length;i++)
if(docArray[i] != null)
System.out.println("Line "+ i +" : " + docArray);
fileContent += docArray[i] + "\n";
System.out.println(fileContent);
return fileContent;

Hi,
images are not yet supported. Its an open enhancement request for the rich text editor.
For tables, it seems they are supported but in a basic way (just HTML 4 style) if I interpret the tag documentation correct
http://download.oracle.com/docs/cd/E15523_01/apirefs.1111/e12419/tagdoc/af_richTextEditor.html
Frank

How to remove 'Change to Text Mode' link on 'richTextEditor' item

Hi,
Now I'm using 'richTextEditor' item on my page. But above it, there is a link named 'Change to Text Mode'. How can I remove it? From profile, if I change the profile, it will be Text Mode only. But I want to use rich text mode, not use text mode. So I want to remove the link 'Change to Text Mode'. But it seems it is with the text box together.
Please help.
Regards,
Eileen

// Get your bean
OAMessageRichTextEditorBean bean = (OAMessageRichTextEditorBean)webBean.findChildRecursive("YourMessageRichTextEditorBean");
// Set to be plain text mode
bean.setRenderingMode(OAMessageRichTextEditorBean.TEXT_MODE);
// Remove the "Switch to Rich Text" hyperlink
bean.setAttributeValue(OAMessageRichTextEditorBean.SWITCH_MODE_HYPERLINK_ATTR, BooleanUtils.getBoolean(false));
Edited by: asnow_au on Jan 9, 2009 3:37 PM

Inserting image in richtexteditor and text

HI all,
I am new to Flex 3. I was creating AIR application. I want to insert image in to richtexteditor and text control. I tried adding <img> tag to html source and added htmlText to richtexteditor and text control, but its not considering img tag.
So is there way I can include image(animated GIF) in to richtexteditor and text control?
Thanks,
John

create a default base block on the table with the BLOB.
Change the BLOB item to an image item.
Use the read_image_file built in to load images to the image item. (see online help).
That should do it.

Bug: RichTextEditor "Initialize" not classed as event handler

I'm trying to load the RichTextEditor control in a popup window. Here's my code:
var rte:RichTextEditor = new RichTextEditor();
rte.width = 600;
rte.height = 500;
rte.title = 'Edit Text';
I need to add the initialize event handler so I can add a button to the toolbar (as per the example on the Adobe website).
However, when I type:
rte.initialize = "addSaveButton()";
Flash Builder says this is invalid as "initialize" is actually a function and doesn't accept any parameters.
Compare this with:
<mx:RichTextEditor initialize="addSaveButton()"/>
Flash Builder recongises "initialize" as an event handler and therefore accepts the addSaveButton() function.
Can anyone else confirm whether this is a bug with the SDK or not? I can simply add the button outside of the RTE for now, but then I'd have to wrap the RTE in a separate panel to accomodate the button, which isn't ideal.
Thanks in advance.

Hi,
this is how to add the event listener
rte.addEventListener(FlexEvent.INITIALIZE,addSaveButton);
David.

Show html in af:richTextEditor

Hi all,
I use Jdev 11g.
I have some html formatted emails saved in the database.
To show them in an ADF faces application I use a af:richTextEditor.
That worked for a while, but now I have some html code in a mail and if that mail is openend the page is not rendering completely.
this is the html code in the mail that is causing the problem:
<DIV class=Section1>
</DIV>How can i fix this problem so that the full page will show?

Hi,
when I type this sources into the richt text editor (source panel) then switching back to the WYSIWYG view, it seems to work.
Frank

Flash Builder RichTextEditor extra line feeds

In Flash Builder 4 I am using the RichTextEditor, specifically for the formatting features. The input is stored in a MySql database; when I retrieve the html text back and shown again in RichTextEditor it has extra line feeds, if I show the text in a Alert box as standard text it has extra line feeds. Even after removing the extra line feeds and resubmitting to the database it comes back with extra line feeds. Any suggestions?
Thanks in advance.

Hello popster;
I had the extra line feed problem and now I don't, I don't know what changed
to fix it, I wish I could tell you what I did (that way I would know for
next time).
I'm sure you know, but just keep updating Flash Builder, I'm telling myself
maybe this is what fixed it.
As time allows I will eventually replace the halo RTE with a sparks Text
Area and make my own format toolbar with sparks components, to follow Adobes
advice and use a sparks component if available.
John

RichTextEditor Bug

The issue i found with the RTE is when using the HTMLText
property and saving the contents somewhere, the font tag has the
size property set to the value you choose in the font size drop
down. This is Ilegal HTML syntax, and when displaying in a regular
HTML page, the text is extremly large. The issue is that HTML does
not recognize any number here higher than a 6, the lowest the
editer will allow you to choose is an 8.
This component should be updated!
instead of using the font "size=N" attribute it should use a
"style='font-size:N"
that way the content of the HTMLText property when saved back
to a source, can then be viewed in a standard html page.
Or change the drop down font size list to show valid font
size values and make the editor display them properly.
Is there an update to address this?
if not, can someone Please Fix it?
TIA
Tim

Hi Peter,
Thank you for the reply and helpful insight.
I followed your advise and submited a bug report.
Robert Vollmar answered the bug request and sent me the
following:
quote:
"The absolute point sizes used by the Flash Player are not
the same as the relative font sizes used in standard HTML. In a web
browser, indicates a font size that is one
point smaller than the browser's default font size. The Flash
Player would interpret the tag literally as a font that is 2 pixels
in height."
It's probably a good idea for us to add this note to the Flex
documentation. I will file it as such.
For my purposes we are using flex as a data manager UI. there
are several DB Fields that hold Ntext data types that are edited
via an RTE. I have been saving the data directly without
modification because if you try and fix the font size issue, when
you reload the data it is not viewable by the RTE. So i came up
with a CFC format function to fix the issue on the fly when viewing
it in the browser window.
This function is probably not the best approach but it works.
It will find all the font size attribs and values and add in a
style tag with the font size value as the style value. This needs
to be done because if you have several font tags all with different
values you can not just replace them all with the first value
found.
Anyway I hope this article helps someone else besides me.
Best Regards
Tim
On the HTML page to display the content:
#formatRTEHTML(mytext)#
-- CFC Function --
<cffunction access="public" name="formatRTEHTML"
returntype="string" output="false">
<cfargument name="rte_text" type="string"
required="yes">
<cfset var new ="">

<cfsilent>
<cfloop list="#rte_text#" delimiters=">"
index="L"><cfset r ="">
<cfset x = FindNoCase("SIZE=",L)>
<cfif x gt 0><cfset i = 0>
<cfloop list="#L#" delimiters=" " index="LL"><cfset
i = i + 1>
<cfif LL contains "size=">
<cfset fsv = ListLast(LL,chr(34))>
<cfset r = " style='font-size:#fsv#px' ">
<cfset r = Replace(L," "," #TRIM(r)# ")>
</cfif>
</cfloop>
<cfset r = r & ">">
<cfelse>
<cfset r = L>
</cfif>
<cfset new = new & r>
</cfloop>
</cfsilent>
<cfreturn new>
</cffunction>

Character Counter for ADF 11g RichTextEditor

I am rewriting an application in 11g RichFaces. The original app had a text area that had a maximum allowable length and used a Javascript function to display to the user how many characters they had left as they were typing. In the new app, I have replaced this functionality with the WYSIWYG RichTextEditor, but would like to give them the same functionality that they had before. I would like to display, as they type, a character count. The count needs to be of the actual displayed characters, not the count of HTML characters that are generated behind the scenes by the RichTextEditor.
Is this possible?

huh? waking up a 1-year-old thread to ask an unrelated question (and a demand for us to write your code for you to wit)?

Non SGML character in RichTextEditor drops the page - bug?

Hello,
I have a reproducible error behavior which drops ADF page.
There's a RichTextEditor on my page having data from DB CLOB. Usually it works fine but when it encouters a certain CLOB record, the page just refreshes and nothing works.
The CLOB content represents HTML text and looks fine. I uploaded it to W3C HTML Validator and found out that there are couple of non SGML characters in the text (Line 27, Column 297; Line 27, Column 328).
I have no opportunity to fix this text in ADF application and have to use some DB tool to delete those chars.
I guess, this is a bug and would like to know if there's any option to process this error and save ADF page living.
I've also saved the text if someone need to reproduce the case: https://www.dropbox.com/s/lbp83q5wzcbfca0/nonSGMLchar.txt
Thanks.
JDev 11.1.2.3
hellow?
Edited by: ILya Cyclone on Mar 27, 2013 11:43 AM

Hello John,
When I'm selecting a bad record the Chrome browser just refreshes the page and I'm on the previuosly selected good row again.
I can't see the page source on bad record.
I've checked another browsers: Firefox and IE behave the same way.
Edited by: ILya Cyclone on Mar 27, 2013 2:55 PM

How can I get rid of the "Clear Styling' icon from RichTextEditor's history toolbar?

Hi,
I'm a beginner in ADF and using (Jdev release 11.1.1.7). I'm trying to use a RichTextEditor for simple editing work.
I need only the Undo and Redo buttons in the history toolbar.
How can I get rid of the third one (Clear Styling). Should be very easy, but just don't know how to access
the individual toolbar buttons.
Thank you very much..
-abdur

Well, to update to Itunes 7.0.2 was no problem. But then Itunes recommended me to update the Ipod software. When the update was almost ready I got this f-ing plug/plugsckt icon...

RichTextEditor

Similar Messages

Maybe you are looking for