In the editor i made, i place the image as a movieclip container that
loads the actual image. Then, i simply attached rollover-rollout events to
make the image "editable"...
On Wed, 09 Aug 2006 09:53:42 -0300, Merrill, Jason
<[EMAIL PROTECTED]> wrote:
>>> I would have thought (i.e. I've not tried it) that once the image is
> in
>>> the textfield that users could just select/delete it as though it
> where
>>> just another piece of text???
>
> Nope - well, kind of, that's only partially true. You cannot select the
> picture itself, but if you select the space character where the image
> tag is "invisibly" located and delete that, the IMG tag gets deleted as
> well, thus removing the picture. So you can do it, but it's not
> intuitive to the user on how to find that space and do that, especially
> if they forgot where they put it. But it would be really nice if it
> were true that you could select the picture directly. Unless someone
> knows otherwise, but this is what appears to be the case in my tests.
>
> Jason Merrill
> Bank of America
> Learning & Organization Effectiveness - Technology Solutions
>
>>> -----Original Message-----
>>> From: [EMAIL PROTECTED] [mailto:flashcoders-
>>> [EMAIL PROTECTED] On Behalf Of Giles Taylor
>>> Sent: Wednesday, August 09, 2006 4:28 AM
>>> To: Flashcoders mailing list
>>> Subject: RE: [Flashcoders] WSIWYG HTML text editor in Flash - follow
> onquestion
>>>
>>> I would have thought (i.e. I've not tried it) that once the image is
> in
>>> the textfield that users could just select/delete it as though it
> where
>>> just another piece of text???
>>>
>>> Giles
>>>
>>> -----Original Message-----
>>> From: [EMAIL PROTECTED]
>>> [mailto:[EMAIL PROTECTED] On Behalf Of
> Merrill,
>>> Jason
>>> Sent: 08 August 2006 17:38
>>> To: Flashcoders mailing list
>>> Subject: RE: [Flashcoders] WSIWYG HTML text editor in Flash - follow
>>> onquestion
>>>
>>>>> You could scan through the textfield.htmlText value (i.e. the code)
>>> and
>>>>> relate the selection index in the rendered output to the actual
> index
>>> in
>>>>> the code, then insert your image code in the textfield.htmlText.
>>>>> I have done this previously (for a different reason) by just running
>>> two
>>>>> counters as I looped through each character in the code, one counter
>>>>> counts every character and the other ignores characters that are
> part
>>> of
>>>>> a tag.
>>>>>
>>>
>>> Thanks Giles. That is what I was trying to avoid, especially since I
>>> need to give the user editing capability - so they can add and remove
>>> the tag at any time when editing the text. Could get messy real quick
>>> and be bug-prone. I think I might opt instead for keeping images out
> of
>>> the HTML altogether, and just use a MovieClip they load content into
> and
>>> position. It won't allow the text to wrap around the image, but oh
>>> well.
>>>
>>> Thanks for the many responses!
>>>
>>> Jason Merrill
>>> Bank of America
>>> Learning & Organization Effectiveness - Technology Solutions
>>>
>>>
>>>
>>>
>>>
>>>
>>>>> -----Original Message-----
>>>>> From: [EMAIL PROTECTED] [mailto:flashcoders-
>>>>> [EMAIL PROTECTED] On Behalf Of Giles Taylor
>>>>> Sent: Tuesday, August 08, 2006 4:41 AM
>>>>> To: Flashcoders mailing list
>>>>> Subject: RE: [Flashcoders] WSIWYG HTML text editor in Flash - follow
>>> onquestion
>>>>>
>>>>> I think that replaceSel() acts on the rendered output rather than
> the
>>>>> code, so it thinks that you want to actually display the text that
> you
>>>
>>>>> entered rather than adding it to the code (hope that makes sense!)
>>>>>
>>>>> You could scan through the textfield.htmlText value (i.e. the code)
>>> and
>>>>> relate the selection index in the rendered output to the actual
> index
>>> in
>>>>> the code, then insert your image code in the textfield.htmlText.
>>>>> I have done this previously (for a different reason) by just running
>>> two
>>>>> counters as I looped through each character in the code, one counter
>>>>> counts every character and the other ignores characters that are
> part
>>> of
>>>>> a tag.
>>>>>
>>>>> Bit of a pain, but I hope it helps,
>>>>> Giles
>>>>>
>>>>> -----Original Message-----
>>>>> From: [EMAIL PROTECTED]
>>>>> [mailto:[EMAIL PROTECTED] On Behalf Of
>>> Merrill,
>>>>> Jason
>>>>> Sent: 07 August 2006 23:25
>>>>> To: Flashcoders mailing list
>>>>> Subject: RE: [Flashcoders] WSIWYG HTML text editor in Flash - follow
>>>>> onquestion
>>>>>
>>>>> Oh, and to follow up with some further information:
>>>>>
>>>>> It seems to only encode those HTML entities when I use
>>>>> TextField.replaceSel(). If I just add the <img> tag string on to
> the
>>>>> htmltext field value, it works:
>>>>>
>>>>> //works:
>>>>> test_txt.htmlText += "<img src=\"mountains.jpg\" width=\"350\"
>>>>> height=\"120\" />";
>>>>>
>>>>> //fails - shows literal text, and encodes entities:
>>>>> test_txt.replaceSel("<img src=\"mountains.jpg\" width=\"350\"
>>>>> height=\"120\" />");
>>>>>
>>>>> Am I left with splitting the string in two, inserting the <img> tag,
>>> and
>>>>> re-assembling the string? Or is there a way to get replaceSel() to
>>> work
>>>>> with HTML tags?
>>>>>
>>>>> Thanks,
>>>>>
>>>>> Jason Merrill
>>>>> Bank of America
>>>>> Learning & Organization Effectiveness - Technology Solutions
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>>> -----Original Message-----
>>>>>>> From: [EMAIL PROTECTED]
> [mailto:flashcoders-
>>>
>>>>>>> [EMAIL PROTECTED] On Behalf Of Merrill, Jason
>>>>>>> Sent: Monday, August 07, 2006 5:55 PM
>>>>>>> To: Flashcoders mailing list
>>>>>>> Subject: [Flashcoders] WSIWYG HTML text editor in Flash - follow
> on
>>>>> question
>>>>>>>
>>>>>>> Getting back to this question I had back on Aug 1, thanks for the
>>>>> ideas.
>>>>>>> I've built a basic HTML text editor in Flash using the TextFormat
>>>>> class.
>>>>>>> Since I need to save the resulting HTML string back to a database,
>>> it
>>>>>>> works great.
>>>>>>>
>>>>>>> However, now I need to insert images into the HTML - which isn't
>>>>>>> supported by the TextFormat class. So I was thinking I could just
>>>>>>> insert an img tag string into the textField using
>>>>>>> TextField.replaceSel(), like this:
>>>>>>>
>>>>>>> test_txt.replaceSel("<img src=\"mountains.jpg\" width=\"350\"
>>>>>>> height=\"120\" />");
>>>>>>>
>>>>>>> So that part works fine, but when I re-render the textField, the
>>> image
>>>>>
>>>>>>> does not show (doesn't render as HTML), it shows the literal <img
>>>>>>> scr=...etc. characters in the textField (even though it is an HTML
>>>>>>> textfield). I thought maybe I needed to re-render the textfield,
> so
>>> I
>>>>>
>>>>>>> left the frame and then jumped back to it, and it still shows the
>>>>>>> literal HTML. So in testing the value of the html TextField, I
>>> found
>>>>>>> the <> and \" characters I inserted have been changed to encoded
>>>>>>> entities in the HTML string:
>>>>>>>
>>>>>>> <img src="mountains.jpg" width="350"
>>>>>>> height="120" />
>>>>>>>
>>>>>>> Why is that and how can I fix this? It would be pretty messy to
>>> use
>>>>>>> the XML object to decode those entities - why are they getting
>>>>> rendered
>>>>>>> that way in the first place?
>>>>>>>
>>>>>>> Thanks,
>>>>>>>
>>>>>>>
>>>>>>> Jason Merrill
>>>>>>> Bank of America
>>>>>>> Learning & Organization Effectiveness - Technology Solutions
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>>> -----Original Message-----
>>>>>>>>> From: [EMAIL PROTECTED]
>>> [mailto:flashcoders-
>>>>>
>>>>>>>>> [EMAIL PROTECTED] On Behalf Of James Booth
>>>>>>>>> Sent: Tuesday, August 01, 2006 10:43 AM
>>>>>>>>> To: 'Flashcoders mailing list'
>>>>>>>>> Subject: RE: [Flashcoders] WSIWYG HTML text editor in Flash?
>>>>>>>>>
>>>>>>>>> I just did exactly this, a couple of days ago. I created a
> class
>>>>> that
>>>>>>> can
>>>>>>>>> apply any kind of supported HTML formatting. The idea seemed
>>>>> daunting
>>>>>>> at
>>>>>>>>> first, but the class is relatively small. You can assign/remove
>>>>>>> textfields
>>>>>>>>> that it should "watch". I don't have it here with me right now,
>>> but
>>>>>>> here's
>>>>>>>>> the basics:
>>>>>>>>>
>>>>>>>>> It doesn't use replaceText at all.
>>>>>>>>>
>>>>>>>>> I have a switch statement for the various textformat options
> (some
>>>>> are
>>>>>>>>> Boolean (bold, italic, etc) and some have arguments (leading,
>>> size,
>>>>>>> etc).
>>>>>>>>>
>>>>>>>>> When the textfield has focus use an interval to get the
> beginIndex
>>>>> and
>>>>>>>>> endIndex. You can clear the interval onkillFocus.
>>>>>>>>>
>>>>>>>>> Then in your setFormat function
>>>>>>>>>
>>>>>>>>> Public function setFormat (type, arg):Void {
>>>>>>>>> var temp_fmt:TextFormat =
> currentField.getTextFormat(beginIndex,
>>>>>>>>> endIndex);
>>>>>>>>>
>>>>>>>>> switch (type)
>>>>>>>>> {
>>>>>>>>> case "bold":
>>>>>>>>> case "italic":
>>>>>>>>> case "underline":
>>>>>>>>> //etc...
>>>>>>>>> {
>>>>>>>>> temp_fmt[type] = temp_fmt[type] == false
> ? true
>>>>>>> :
>>>>>>>>> false;
>>>>>>>>> break;
>>>>>>>>> }
>>>>>>>>> case "leading":
>>>>>>>>> case "align":
>>>>>>>>> case "size":
>>>>>>>>> //etc...
>>>>>>>>> {
>>>>>>>>> temp_fmt[type] = arg;
>>>>>>>>> break;
>>>>>>>>> }
>>>>>>>>> }
>>>>>>>>> currentField.setTextFormat(beginIndex, endIndex,
> temp_fmt); }
>>>>>>>>>
>>>>>>>>> This should give you a head start.
>>>>>>>>>
>>>>>>>>> - James
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> -----Original Message-----
>>>>>>>>> From: [EMAIL PROTECTED]
>>>>>>>>> [mailto:[EMAIL PROTECTED] On Behalf Of
>>>>>>> Merrill,
>>>>>>>>> Jason
>>>>>>>>> Sent: Tuesday, August 01, 2006 10:11 AM
>>>>>>>>> To: Flashcoders mailing list
>>>>>>>>> Subject: [Flashcoders] WSIWYG HTML text editor in Flash?
>>>>>>>>>
>>>>>>>>> Two related questions. In a nutshell, trying to make a WSIWYG
>>> HTML
>>>>>>> text
>>>>>>>>> editor for Flash 7.
>>>>>>>>>
>>>>>>>>> Question 1:
>>>>>>>>>
>>>>>>>>> Has anyone created an HTML text editor component or class of
> some
>>>>> kind
>>>>>>>>> in Flash? Basically, having a textfield containing a paragraph
> of
>>>>>>> text
>>>>>>>>> the user can apply bold, size, font, etc. to - I assume it would
>>> use
>>>>>
>>>>>>>>> something like:
>>>>>>>>>
>>>>>>>>> textfield.replaceText(Selection.getBeginIndex(),Selection.getEnd
> In
>>> de
>>>>> x(
>>>>>>> ),
>>>>>>>>> theNewString)
>>>>>>>>>
>>>>>>>>> or something to that effect.
>>>>>>>>>
>>>>>>>>> So to my second question, I was able to get the above working,
> but
>>>>> the
>>>>>>>>> html Textfield would not apply the new HTML tags, it would show
>>> them
>>>>>
>>>>>>>>> literally when replaceText was used. Initially, I set the text
>>> with
>>>>>
>>>>>>>>> textField.htmlText = myText and renders fine with the bolding,
> but
>>>>>>>>> textField.replaceText() seems to not allow the textfield to show
>>> the
>>>>>>>>> bold tags applied - it shows the literal tag. Any ideas?
>>>>>>>>>
>>>>>>>>> Basically, would like to create a WSIWYG HTML text editor (flash
>>> 7),
>>>>>>> but
>>>>>>>>> from what I read in the archives, it's a lot harder than it
> sounds
>>>>> and
>>>>>>>>> maybe not even possible in Flash right now, but I don't want to
>>> give
>>>>>>> up
>>>>>>>>> too early. It seems that all the basic methods are available,
>>> there
>>>>>>> are
>>>>>>>>> just some quirks to work out with the Textfield class.
>>>>>>>>>
>>>>>>>>> Thanks,
>>>>>>>>>
>>>>>>>>> Jason Merrill
>>>>>>>>> Bank of America
>>>>>>>>> Learning & Organization Effectiveness - Technology Solutions
>>>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> [email protected]
>>>>>>> To change your subscription options or search the archive:
>>>>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>>>>>
>>>>>>> Brought to you by Fig Leaf Software
>>>>>>> Premier Authorized Adobe Consulting and Training
>>>>>>> http://www.figleaf.com http://training.figleaf.com
>>>>> _______________________________________________
>>>>> [email protected]
>>>>> To change your subscription options or search the archive:
>>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>>>
>>>>> Brought to you by Fig Leaf Software
>>>>> Premier Authorized Adobe Consulting and Training
>>> http://www.figleaf.com
>>>>> http://training.figleaf.com
>>>>> _______________________________________________
>>>>> [email protected]
>>>>> To change your subscription options or search the archive:
>>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>>>
>>>>> Brought to you by Fig Leaf Software
>>>>> Premier Authorized Adobe Consulting and Training
>>>>> http://www.figleaf.com http://training.figleaf.com
>>> _______________________________________________
>>> [email protected]
>>> To change your subscription options or search the archive:
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>
>>> Brought to you by Fig Leaf Software
>>> Premier Authorized Adobe Consulting and Training
> http://www.figleaf.com
>>> http://training.figleaf.com
>>> _______________________________________________
>>> [email protected]
>>> To change your subscription options or search the archive:
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>
>>> Brought to you by Fig Leaf Software
>>> Premier Authorized Adobe Consulting and Training
>>> http://www.figleaf.com
>>> http://training.figleaf.com
> _______________________________________________
> [email protected]
> To change your subscription options or search the archive:
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>
> Brought to you by Fig Leaf Software
> Premier Authorized Adobe Consulting and Training
> http://www.figleaf.com
> http://training.figleaf.com
--
_____________
Marcelo Volmaro
_______________________________________________
[email protected]
To change your subscription options or search the archive:
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Brought to you by Fig Leaf Software
Premier Authorized Adobe Consulting and Training
http://www.figleaf.com
http://training.figleaf.com
