Welcome, Guest
  • Author Topic: Making Advance Rich Text Area like Wordpress :D  (Read 1882 times)

    hinomotoblade

    • Seasoned Programmer
    • ***
    • Posts: 131
    • Flash Never Die :D
      • View Profile
    Helooo huehehe, i am sry... may be this is really funny but i am sry i dont know flex can do this or not.. :D

    U know in the wordpress / blog wathever, when we write new post, the Rich text can browse the picture,

    So we can manually input any post from that, i just want to make my mxml application like that..

    Like Forum we input right?.. but how about in flex?.. but its manually input with RIch Text Area not by script, thank you very much..

    I hope flex can do it, i am really really glad and a good motivation for improving again.. :)

    Flash-DB Fan'sClub :D
    Huihihi~ :D

    Jorge Solis

    • Global Moderator
    • Systems Administrator
    • *****
    • Posts: 14616
      • View Profile
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #1 on: 03/16/10, 04:42 »
    For uploading Files in AS3 you should use the Filereference class.

    Jorge

    hinomotoblade

    • Seasoned Programmer
    • ***
    • Posts: 131
    • Flash Never Die :D
      • View Profile
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #2 on: 03/16/10, 14:55 »
    Yes, but the placement is not dynamic..

    If we use FileReference the placement of the picture have been setting before, thats mean the placement of the picture is always there..

    If we make with Advance Rich Text Area it will be display the pict as we want depend of we input in the Rich Text Area

    For Example we have some Rich Text Area then we input

    Text text text
    picture
    texttexttext
    picture
    picture

    nah after you submit the result is the same as you input before..

    Thanks in advance Jorge.. :)

    Huihihi~ :D

    Ronald Wernecke

    • Global Moderator
    • Systems Administrator
    • *****
    • Posts: 6203
      • View Profile
      • Professional Support
      • Email
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #3 on: 03/16/10, 15:09 »
    use HTML with textArea.

    Inside of it, you can use
    Code: [Select]
    <img src='path to the picture'>This way it is dynamic.
    happy flashing
    8)
    Ronald

    hinomotoblade

    • Seasoned Programmer
    • ***
    • Posts: 131
    • Flash Never Die :D
      • View Profile
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #4 on: 03/16/10, 21:25 »
    Yo got it !!! :D

    Thanks, but i want to ask one thing, if we use <img src=""> its just from us right?.. programmer / whatever
    but from the other ppl that dont know any about that, he/she cant use that right?.. :)

    nah, thats what i mean.. :) Can we make like that?..

    But your suggestion has made some clue for me thanks Ronald :)

    Huihihi~ :D

    Ronald Wernecke

    • Global Moderator
    • Systems Administrator
    • *****
    • Posts: 6203
      • View Profile
      • Professional Support
      • Email
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #5 on: 03/17/10, 01:52 »
    if you want an user to post compound text with pictures, you need to give him the ability to upload the pictures.
    This is, as Jorge wrote, the filereference class.
    You can put this into a form.

    You have to give the user some kind of replacement code for the files.

    something like we use here with the [ brackets, to mark the place, where to put the pictures.
    The rest can be done on the server side. It has to generate a well formed html entry.

    After flash cannot run javascript, the known AJAX tools and online html editors do not work here.
    happy flashing
    8)
    Ronald

    hinomotoblade

    • Seasoned Programmer
    • ***
    • Posts: 131
    • Flash Never Die :D
      • View Profile
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #6 on: 03/17/10, 04:35 »
    Yes, you right i used the FileReference Class for uploading the picture.. :)

    but how to input that image after we upload to the form without programming?..

    For Example like this :

    Quote
    This is some text balbla
    Oh yes blablabla
    Wkwkwkwk yeah nice :D

    //stop it here then i try to click the browse files
    //then after i succesfully uploaded the image should be appear here..

    Then i can go some text again blablabla

    //then again i click the browse upload success then automatically the image appear here

    Finished.. :)

    Umm Can we make the input form like that?..

    Sry about the strange idea, thank you very much.. :)
    « Last Edit: 03/17/10, 04:37 by hinomotoblade »
    Huihihi~ :D

    Ronald Wernecke

    • Global Moderator
    • Systems Administrator
    • *****
    • Posts: 6203
      • View Profile
      • Professional Support
      • Email
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #7 on: 03/17/10, 08:08 »
    you generate a name for the image, and insert the img-tag with that name, it after you uploaded it.
    Parallel to the upload you have to send this filename, so it is used at the server.

    You need to code on both sides - the server and the client.
    happy flashing
    8)
    Ronald

    hinomotoblade

    • Seasoned Programmer
    • ***
    • Posts: 131
    • Flash Never Die :D
      • View Profile
    Re: Making Advance Rich Text Area like Wordpress :D
    « Reply #8 on: 03/17/10, 13:24 »
    wiw its sound difficult ???, but thank you Ronald :)
    Huihihi~ :D