I’m trying to expand this editor to use images. I’ve borrowed some of this code from Another Flava(http://anotherflava.com/?p=243).

There’s an upload function in php that accompanies the code (uploads to an acj/images folder under the original file name). My main problem is that when calling one of the below statements to insert the image, I receive an error.

###img = ‘acj/images/’;
textArea.htmlText = “”;
-OR-
textArea.htmlText = “”;

The htmlText output does not receive the tag. It displays this:

However, the xHtmlText displays correctly:

The xHtmlText has the closing tag but the HtmlText doesn’t?! Very strange!

This error gets thrown when debugging:
TypeError: Error #1085: The element type “IMG” must be terminated by the matching end-tag “”.

Looking at the error, it’s easy to see what is wrong. No tag! After the error is thrown, the conversion from HTML to xHTML is broken, meaning nothing else that is typed into the RTE gets converted to xHtml. The most interesting part is that the image DOES get displayed in the RTE correctly!

Any ideas why I can’t get the function to place the tag into the textArea.htmlText? It just does not seem logical to me that the / within the img tag or the tag would be stripped off when using an assignment statement to the htmlText.

Any help would be greatly appreciated. Email me for full source code, if needed.

But..

Did you ever solve the problem about URL styles not appearing on load?

its a usability horror.

thanks

artur

For instance:
UTIL CLASS

public static function SetHtmlTextOnReturnFromServer(str:String):String{ // code here to convert and return}

public static function SetHtmlTextOnSendToServer(str:String):String
{ // code here to convert flex “html” to xhtml compliant text }

I have been playing with acjEditor. A couple of comments;

It doesn’t compile under flex 2.01 unless you change the [mwToolBar to [MX:HBOX and add a leading slash to the @Embed's. Also it doesn't like IUITextField it prefers UITextField. It also shoving htmlText into it doesn't always cause it to allow getting out the xhtmlText. I added a kludge like this;

private function update():void {
if (this.htmlText.length ] 0)
{
xhtmlText = richTextEditorToHtml( this.htmlText );
}
else
{
xhtmlText = richTextEditorToHtml( _htmlText );
}
}

and this;

public function set htmlText(value:String):void
{
_htmlText = value;
htmlTextChanged = true;
invalidateProperties();
update();
}

If there’s a better way please let me know.

A couple of minor additions that might be nice;

1) When a [p][/p] has no text, insert an   This will allow some persnickety renders like MS Word to render a blank line. A better idea might be to replace it with a [br/]

2) Add a property that will allow “styles” on certain tags such as [p style="myStyle"] they would only be added to the xhtmlText output, and not do anything whilst editing.

Regarding the issue of how to handle reusing the html, what I did was to save the htmlText to the DB, and then stuff it into the htmlText field when I needed to, and get back the xhtmlText. ’tain’t pretty but it seems to work.

Thanks for the tool.

Paul

i dont think it would be that hard to re engineer…

but i’m running short on time these days… let me know if you come up with something and i’ll integrate it.

Thanks for reading.
Axel

The proprietary htmlText, though messy, pulls and pushes properly….

I’ve been looking at the Flash Text Editor for Flex by Igor Dimitrijevic.

His demo has a hard wired image that gets inserted… but I’m not sure how a user would ‘browse’ to an image locally…

Apparently Igor and Jesse Warden have collaborated on this issue for some time beiginning in ‘05