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?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

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
EMB01Commented:
Is this going to be used to output HTML?  How do you want the WYSIWYG to output?
0
PMI ACP® Project Management

Prepare for the PMI Agile Certified Practitioner (PMI-ACP)® exam, which formally recognizes your knowledge of agile principles and your skill with agile techniques.

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
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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
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
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.