WYSIWYG editor in flex

I want to create a WYSIWYG editor for flex. I am not sure how to add images so user can move images and see how they look like in editor.
LVL 2
multiakiAsked:
Who is Participating?
 
EMB01Commented:
If I were building a WYSIWYG and didn't have a lot of time, I would use tinymce.  It's extremely easy to install and customize and it's quite powerful, plus it has addons for handling various other tasks.

Look at all you can do with it:  http://www.tinymce.com/tryit/full.php

If I had to build one from scratch, I would use a combination of PHP and JavaScript (jQuery) to get it to do what I want.
0
 
EMB01Commented:
A good start on how to create the WYSIWYG part would be here:

http://krasimirtsonev.com/blog/article/creating-what-you-see-is-what-you-get-editor-wysiwyg-with-as3-flex-tutorial

For creating the image part, for "moving images and see how they look," I don't know how you mean?  Do you mean scaling them and cropping them?
0
 
multiakiAuthor Commented:
I mean moving xy position, resizing. No need for cropping
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
EMB01Commented:
Is this going to be used to output HTML?  How do you want the WYSIWYG to output?
0
 
multiakiAuthor Commented:
My project saves data on mysql server. So the idea is to create a wyswyg editor to edit content and send to mysql database. Then player would parse html data.
0
 
EMB01Commented:
I see, so if you want to change the x,y of an image in HTML, you would have to use a CSS property like position: absolute; left: 100px; top: 100px;  or something like that.  So, basically, you should create the wysiwyg editor here:  http://krasimirtsonev.com/blog/article/creating-what-you-see-is-what-you-get-editor-wysiwyg-with-as3-flex-tutorial  and then modify it to include images.  When a user selects their image, they can enter x and y which would result in the following code:

<img src='my-image.jpg' style="position: absolute; top: 100px; left: 100px;" />

Does that make sense?
0
 
EMB01Commented:
P.S.  At my company, we have suspended all Flex development because it can't be used on the iPhone and iPad and various other mobile devices...
0
 
multiakiAuthor Commented:
What about air?
0
 
multiakiAuthor Commented:
what did you move to? jquery?
0
 
multiakiAuthor Commented:
You said that you don't use flex anymore. what did you switch to? Flex 4.6 would have phone support i guess. I heard adobe was working on it hard.
0
 
EMB01Commented:
As far as I know, iphone and ipad still don't support flash.  Anything that you want to do in flex/ flash can be done in php/jquery/mysql, in my opinion.  So, we use php/jquery(javascript)/mysql;  Whatever technolgies necessary, really.
0
 
multiakiAuthor Commented:
Ok i figured out how to do. I downloaded fck editor. and then found Iframe application on google docs. I linked mysql database to fck (not finished yet) and get fck page as an iframe.
it look fine. and a lot of functions.
So player would load pages from sql using amfphp.

it is awesome solution in my opinion.

Would do a simple tutorial later.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.