Flex based Wysiwyg Editor

Hi there
Im new to flex, but im coding with PHP/MySQL since 2001 and
will try to create a wysywig editor based on flex to manage website
content in a backend.
The RichTextEditor given by Flex looks really pretty, but
there are some functions missing i have to add. What i need is a
file and image upload and browser to add also images and link files
in the Editor. It would be also a good feature to add tables.
The plan is, to make this work with PHP/MySQL for the data
handling.
My first tests had shown me that its easy possible to add
html-code like images in the RichRextEditor, but once inserted i
dont have the possibility to access this image to set properties
like size, border or also just delete it from the textarea.
Does anybody know if would be better to create such an editor
without the RichTextEditor given by flex? Maybe just with a
TextArea? Or does maybe one of you got such an editor or is working
on it?
Any ideas based on this idea from the community?
Thank you for a short response.
Mike

So far I got something that is acceptable but still working on it.
private function colorCodeText() : void {
     var tempHTML:String;
     tempHTML = rawXMLEditor.htmlText;
     var tagRegExp:RegExp;
     //tag all the single xml as blue
     tagRegExp = /(<\w*>)|(<\/\w*>)|(<\w*)|(\/>)|(>)/g;
     tempHTML = tempHTML.replace(tagRegExp,"<FONT COLOR=\"#0000FF\">$&</FONT>");
     //tag attribute values
     tagRegExp = /(\w*)(\s)*=(\s)*(&quot;)((\w| |#|,|&apos;)*)(&quot;)/g;
     tempHTML = tempHTML.replace(tagRegExp,"<FONT COLOR=\"#990000\">$&</FONT>");
     rawXMLEditor.htmlText = tempHTML;
<RichTextEditor id="rawXMLEditor" width="100%" height="100%" creationComplete="colorCodeText()"  />

Similar Messages

  • Flex based xml editor

    I have a flex app that uses xml as its configuration, the app is quite complex and the xml quite daunting . User want a GUI to edit the xml.
    I have an admin app in progress to do this, at the moment have a text area that displays the raw xml, this is rather boring as all the text its just black. Anyone know of a component or direction on creating a color coded text editor. If you look at Flex builder and apps like bbedit they color code the text. XML elements are normally blue, attributes are colored brown, text is black etc
    thanks in advance
    flash harry

    So far I got something that is acceptable but still working on it.
    private function colorCodeText() : void {
         var tempHTML:String;
         tempHTML = rawXMLEditor.htmlText;
         var tagRegExp:RegExp;
         //tag all the single xml as blue
         tagRegExp = /(&lt;\w*&gt;)|(&lt;\/\w*&gt;)|(&lt;\w*)|(\/&gt;)|(&gt;)/g;
         tempHTML = tempHTML.replace(tagRegExp,"<FONT COLOR=\"#0000FF\">$&</FONT>");
         //tag attribute values
         tagRegExp = /(\w*)(\s)*=(\s)*(&quot;)((\w| |#|,|&apos;)*)(&quot;)/g;
         tempHTML = tempHTML.replace(tagRegExp,"<FONT COLOR=\"#990000\">$&</FONT>");
         rawXMLEditor.htmlText = tempHTML;
    <RichTextEditor id="rawXMLEditor" width="100%" height="100%" creationComplete="colorCodeText()"  />

  • Creating a flex based editor.

    I have to built a flex based editor like
    this one. I was wondering
    whether these people used a library for various components or they
    build everything themselves. In other words is there a library for
    building editors in flex?

    I have to built a flex based editor like
    this one. I was wondering
    whether these people used a library for various components or they
    build everything themselves. In other words is there a library for
    building editors in flex?

  • Air 2, Flex 4.1, embedding xstandard wysiwyg editor

    Hi,
    Has anyone had any experience with embedding the xstandard wysiwyg editor into a flex application using the Air HTML component?
    For those who don't know; it is an activeX control providing xhtml compliant code generation, drag, drop and upload functionality (in one move) etc and is far superior and easier to use than the freebee wysiwyg editors out there.
    The editor requirement:
    Easy table generation
    drag and drop of images onto the interface with upload and insert into content
    Paste of MS Word content into the editor. (automatic image upload and insert)
    Editor solution:
    xstandard ( http://www.xstandard.com )
    are there any others that provide this functionality?
    The problem at hand:
    I have developed an inhouse application which embeds a wysiwyg editor using the HTML component of AIR.
    The editor is embedded on a php page which take care of loading the data and the editor controls. With the appropriate parameters it works independantly outside of the Air/Flex application.
    Initially we were successfully using TinyMCE (pre editor requirements) however the less computer savvy users (most of them) were having issues using the table generator and the image uploaded. To difficult, inefficient and too many steps.
    xstandard integration:
    xstandard is working fine externally to the application, as it does with TinyMCE. When loading it into the Air/Flex application the controls don't show up instead the source editor is visible. It looks like it is partially loading the activex control.
    I have spoken with the xstandard developer, we have tried a few things, different test build etc however with little success.
    I thought it may have been the userAgent however I set the HTML parameter userAgent to "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)" ut this did not work.
    Does AIR have restrictions applied to embedded objects?
    Any other suggestions?
    any help will be greatly appreciated.
    Damian Georgiou

    Hi Damian,
    ActiveX is only supported by IE on Windows. Also, I believe the HTML component in Adobe AIR only supports the flash plugin and pdf plugin.
    Best,
    Rob

  • Any Flex based wiki's available?

    I was wondering if there are any packages available in Flex
    that add a Flex based interface to a Wiki. It seems like it's an
    ideal environment for WYSIWYG wiki entries. It's difficult to
    search Google for one. I get tons of Wiki's about Flex but nothing
    about a Wiki written in Flex.

    What I'm looking for is a way to edit Wiki entries using a
    true WYSIWYG editor. I guess it doesn't really matter what the Wiki
    is written in on the server side but it seems like you could do a
    better job with the user interface if it used Flex. I know there
    are a number of interfaces that use Ajax to do what I'm looking for
    but I haven't had much luck getting them to work across web
    browsers.

  • Change Wysiwyg Editor in Web Page Composer WPC

    Hi,
    is there any possibility to change the wysiwyg editor in the wpc?
    Comparing other web based wyswyg editors to the editor integrated in the wpc it is far from having any advantages...!
    - no possiblity to switch to html mode.
    - no possibility to assign css classes (if there would be at least a color and font size chooser....)
    - no possiblity to create a <table>

    Hi Nicole,
    SPS14 will be released very soon. It is scheduled for next week, i guess. But what i remember for sure, that it is scheduled for December.
    From the number of your posts, i guess that you are new to SDN.
    So every time one of your questions is answered, mark it also as answered.
    There are two possible ways. On the top of the thread you can mark it as answered by yourself or you award someone (who replied) 10points for your solved question.
    You can also award less points if u want.
    So, the important thing is: Mark it as answered. You will see if you search for problems on SDN, you will be very pleased to see answered threads because then you don't have to go through 1000s of threads to find your answer.
    Regards,
    Marcus

  • WYSIWYG editor upload with images

    Hello, friends!
    I need help solving following problem:
    I need to create WYSIWYG editor, which just to enter text and image. Other options (like font-size, font-weight...) not need. Then when submit the form with richedit, all data in form with images must sent to server.
    1) images must upload
    2) text must content following: text <img="src=../image1.png"> text <img="src=../image2.png"> text
    or maybe all images must save as a blob data
    Help me, people!

    Is this an Oracle question?

  • WYSIWYG Editor in Webdynpro for ABAP

    Hello,
    we need a simple WYSIWYG Editor in ABAP Webdynpro to format some Texts, which are saved in the backend system.
    The Editor should produce HTML-Code or something like that.
    Anyone an IDEA?
    We have tried the following:
    ABAP Webdynpro Application-> IFRAME -> BSP Appication with FCKEditor .. but problem is the data exchange back to the A4WD Application.
    Edited by: Steffen Epple on May 20, 2008 5:20 PM

    Hello Thomas,
    thanks for this info. So with the EHP the WYSWIG UI Element will be part of the standard UIs?
    Which EHP do you mean because we're doing currently an RampUp with SAP EHP3 for ERP 6.0?
    So you mean Basis Netweaver EHP? don't you?
    Edited by: Steffen Epple on May 21, 2008 8:16 AM

  • Need help putting a menu designed in Dreamweaver in an external WYSIWYG Editor

    I put together a menu that contains spry widgets in Dreamweaver. I need to get what I made into a website hosted by another company. The site allows you to create your own pages through a wysiwyg editor. I'm having trouble figuring out how to attach the .js and .css files. I tried copying the source code into the HTML source editor but it ignored the script and css. I then tried putting the code from the .js and .css file into the source editor but I'm doing something wrong. I'm new to HTML and Javascipt and I have a feeling it is a pretty obvious mistake. I would really appreciate some instruction or advice on how to properly put all of the components into the editor.

    Open those individual files to see the code.
    <html>
    <head>
    Copy and paste script code between <script type="text/javascript"> and </script> tags.
    Copy and paste CSS styles between <style type="text/css"> and </style> tags.
    Insert conditional comments (if any) below the scripts and CSS styles.
    </head>
    <body>
    This is where your page content goes
    </body>
    </html>
    Best of luck!
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • "Unembolden" keywords in Flex Builder 3 Editor

    Is there anyway to remove the bold attribute from keywords
    & string literals in the Flex Builder 3 editor?
    In v2, I was able to tweak an xml file in a jar - I can't
    find it in the new version.
    It is quite troublesome as I like to line up similar lines of
    declarative code vertically in order to reduce visual clutter.
    As they are wider than normal ones, the bold characters
    disturb the mono-spaced layout and foil this effort.
    Thanks,
    JP

    Hi,
    It'd be great if you could provide these kind of bugs and
    enhancement requests over at the new public bug system!
    http://bugs.adobe.com/flex.
    Matt
    Adobe

  • Ordered and Unordered Lists viewed in WYSIWYG Editor in RoboHelp 10

    I recently upgraded a project from RH 9 (9.0.2.271) to RH 10 (10.0.0.287). Ordered and unordered lists display in the WYSIWYG Editor with more spacing around each line. When I generate the output to HTML Help, the spacing looks fine. I also tested generating output to WebHelp, and again, the output looks fine.
    I have paragraph and list styles defined in my style sheet that I apply to the text in the topic. I also looked at the styles in RH 10 and Media is set to "None."
    Using the Style Pod, I looked at the set up of the parapgraph and list styles. For those styles, (and my body text styles - which look fine in the WYSIWYG Editor) have spacing before and after spacing set. (NOTE: These styles were created in RH8 and the WYSIWYG Editor displayed the styles appropriately in RH8 and RH9.) Even though I changed the style sheet, the WYSIWYG Editor is still displaying more space around the styles then I am expecting.
    I know this is not a huge issue since the output looks fine, but I want to understand why the WYSIWYG Editor isn't working as I expect. I would like the editor to display with correct spacing.
    I attached a few screen captures showing what I see.
    HTML Help Output
    Thanks in advance for your help.

    I suspect part of the issue is that your list styles have spacing above and below and then you have applied paragraph styles that also have spacing above and below.
    Using both is OK and is how I work. However, I do not have any spacing above and below in my list styles. I rely on the paragraph style for that. It looks like Rh's Design Editor is applying both but browsers are not.
    It is still not quite the same in a browser as in Design Editor but it is much closer. There will also be browser differences anyway so it's a case of getting some balance.
    Try removing the before and after spacing in the list style. Alternatively, if you do not generate printed documentation then rely on the list style only. (Select the lists in a topic and set paragraph to None).
    Let us know if that is close enough.
    See www.grainge.org for RoboHelp and Authoring tips
    @petergrainge

  • Contract Job - Flex based S3 (Amazon service) Browser

    Greetings all,
    (My apologies ahead of time if this is the wrong forum.)
    I posted a while ago on some of Amazon's forums looking for
    Flex (Actionscript really) libraries for interacting with Amazon's
    S3 service, but unfortunately received no responses. Fortunately
    for someone else, however, supply and demand has kicked in and my
    company has now posted a job for a Flex based S3 Browser on Elance.
    If you're interested, take a look:
    http://www.elance.com/c/rfp/main/jobInfo.pl?jobid=12099197&catId=10216
    Though the end product is intended to be closed source, I'm
    working to open up as much of it as I can.
    -Sean

  • Flex based Offline File Upload Application

    Hi,
    I am developing a flex based desktop client application,
    which provides capability for offline and online file upload.
    I want to achieve following functionality.
    It detects whether user is online or not, If not online then
    it saves data to somewhere on local file system folder
    and as soon as it detects that user is online, it uploads
    data from local file systm folder to HTTP based server.
    I explored FileReference object in flash.net API, Apparently
    it does not provide any capability to store content to local file
    system.
    Is above mentioned offline file upload possible using action
    script ?
    Pls. help.
    Regards
    Tarun

    hi,
    for all offline working applications you need an offline swf
    to exe maker. i use mdm zinc. it is fantastic for the type of
    problem you mentioned. visit www.multidmedia.com and download a
    trial version. it will provide you with the necessary tool.
    gaurav

  • Customize the cms wysiwyg editor

    How can I customize the toolbars and menues in the wysiwyg editor?
    I have managed to customize the menu by editing "./servers/PortalServer/tmp/_WL_user/wlp-commonui-web-lib/ 842fj3/wlp/pinEdit/editor/config/config_menu_custom.js" However, I guess this will be overwritten on the next deploy?
    The toolbar is customizable by changing the parameters to the wysiwyg iframe, but how do I do that?
    Thanks in advance

    Rather than modifying that file in your temp directory, you could extract that file to your web project and modify it there. That way, your modifications will persist for your project.
    Using Eclipse with the Portal perspective, use the Merged Projects View and locate that .js file. Right click on it and extract it to your project. Now, this file in your web project will override the file in the Library Module.
    But please note that this WYSISYG editor is not licensed for usage outside of the uses that BEA WebLogic Portal has provided. If you wish to use this editor for your own portlets/purposes, you must contact PinTex for your own license.

  • Google Docs & WYSIWYG Editors

    i have a new iMac (leopard) with the latest firefox and when i try to access google docs i get "Sorry, but this browser does not support web word-processing."
    i tried with safari & opera, and got the same response. finally i had to use my PC notebook to access the documents. it looks like a mac os x issue.
    with this new iMac i can access any online WYSIWYG editors at all. HELP!

    thanks. i did all that, still no change. strangest thing is that i can access google docs using FF & Safari on my PC notebook. i think that these is a mc os setting thats wrong.
    thank you again. how do i raise this with apple?

Maybe you are looking for

  • Problem in script format

    hi, i am having problem in script , the problem is s.no|    descriptio                           |   UOM                      |          Qty                   |             Rate           |          AMT            | 01     aaaaaaaaaaaaaaaaaaaaa      

  • Nokia 6680 Memory Card problem

    I brought an RS DV 512mb card from mobymemory.com and it worked fine for a while but gradually my phone memory decreased and i only have 128kb of phone memory left. This means i cant recieve messages, enter or edit a new contact, change display pic o

  • Don't Show Results in obiee.

    Hi Frnds, I have a requirement saying that - for any selection of filters. If my Detail Report has less than 5 records then it should show a message saying 'less than 5 records' and don't show the results. If the Report has more than 5 records then -

  • Trouble installing xcode developement tools....

    I downloaded the iphone SDK package to develop iphone apps. In that package there are approximately 20 packages that i am assuming you download to have full functionality to create apps. When I try to download the development tools package I get a me

  • Firefox won't load pages, but other browsers will.

    Firefox won't load any internet pages, but different browsers, both Chrome and Explorer work, I havent tried others. I've un-installed, changed the name of the folder of the plug-ins that were left so it wouldn't recognize them, then re-installed not