Re: WYSIWYG text editor

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

Re: WYSIWYG text editor

Bernat Romagosa
Bringing this issue back, I followed Richard's directions and it worked (almost) perfectly :)

There always has to be a _but_ though, in my case the image and link buttons open a popup with an empty page, I checked the html of said page and it's not empty, so I'm not sure what's going on here... any ideas?

Thanks a lot!

2010/2/24 Richard Durr <[hidden email]>
Maybe this helps:
In your Component, add a method where you add all the files you need
for tinymce:

Component >> #updateRoot: anHtmlRoot
       super updateRoot: anHtmlRoot.
       anHtmlRoot javascript url: 'http://url to tinyMCE'
"/js/tinymce/jscripts/tiny_mce/tiny_mce.js"

and then add a script method like this:

Component >> #script
'
 tinyMCE.init({
   theme : "advanced",
   mode: "exact",
   elements : "elm1",
   theme_advanced_toolbar_location : "top",
   theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,"
   + "justifyleft,justifycenter,justifyright,justifyfull,formatselect,"
   + "bullist,numlist,outdent,indent",
   theme_advanced_buttons2 : "link,unlink,anchor,image,separator,"
   +"undo,redo,cleanup,code,separator,sub,sup,charmap",
   theme_advanced_buttons3 : "",
   height:"350px",
   width:"600px"
 });
'

in your #renderContentOn: method add id="elm1" name="elm1" to your textarea.

This should work..I hope ^^

On Tue, Feb 23, 2010 at 12:00 PM, John McKeon <[hidden email]> wrote:
> Hello Bernat,
> The only help I can offer regarding tinyMCE is to look at Seabreeze. Its  a
> WisualWorks based Seaside development environment. They use tinyMCE and
> developed the complex mechanism required to feed the js files from a
> WAFileLibrary. (The big problem is the subdirectory structure where tintMCE
> expects to find its code. A subdirectory structure that makes me ill to look
> at and the main reason why i shyed away from all other web dev environments
> like rails and php; files on top of files, miles and miles of files.....but
> I rant. Smalltalk took me away from all that :)
> As far as writing JS in ST it turns out to pretty simple just don't try to
> delve to deeply into the implementation of  Scriptaculous, it may only
> confuse you. Just render a textArea and add an onEnter: clause to render the
> magical incantation required - at least I think that is how tmce works. It
> is a long time since I looked into using it. Take a look at the onXXX:
> methods of WATagBrush.
> Hope this helps a bit.
>
> On Mon, Feb 22, 2010 at 11:44 PM, AxiNat <[hidden email]>
> wrote:
>>
>> I don't wanna be annoying, but I really can't find any specific info on
>> embedding fairly complex javascript apps in Seaside.
>>
>> I've read the whole chapter in the Seaside book, and some post by Ramon
>> Leon (which points the way to go but doesn't get into the subject). I also
>> googled a lot, but can't seem to find a nice howto going step by step.
>>
>> For what I understand (which is ~0), I'd have to:
>>
>> Add the .js file to my file library (in the case of TinyMCE, there's a lot
>> of js files, so here comes my first problem)
>> Create accessors in my file library for I really didn't understand what
>> Subclass a WAComponent that will implement a method called script, which
>> returns the said js file
>> Obviously, something else that I'm totally missing
>> Embed this component into the component I wish (I have no problems with
>> this step)
>>
>> I guess I really didn't understand how the whole thing works. One big
>> issue is that I have no idea whatsoever about how Javascript works, but I'd
>> really love to be able to keep away from coding something that's not
>> Smalltalk in my web app.
>>
>> Thank you and please excuse my dumbness ;)
>>
>> Bernat.
>>
>> 2010/2/22 Germán Arduino <[hidden email]>
>>>
>>> I think that the wiki of Tiny may help, in particular this page:
>>>
>>> http://wiki.moxiecode.com/index.php/TinyMCE:Installation
>>>
>>> Cheers.
>>> Germán.
>>>
>>>
>>> 2010/2/22 AxiNat <[hidden email]>
>>>>
>>>> Thanks, I knew about TinyMCE because I used to build websites in Joomla,
>>>> which has a TinyMCE component, but I really have zero experience in
>>>> embedding Javascript in a Seaside app, any quick howto available around?
>>>>
>>>> 2010/2/22 Germán Arduino <[hidden email]>
>>>>>
>>>>> I like to embed TinyMCE: http://tinymce.moxiecode.com/ . Is a bit big,
>>>>> but pretty complete.
>>>>>
>>>>> Cheers.
>>>>> Germán.
>>>>>
>>>>>
>>>>> 2010/2/22 AxiNat <[hidden email]>:
>>>>> > Hi all,
>>>>> >
>>>>> > So far I've been always using the WYSIWYG ShoreComponents text editor
>>>>> > for my
>>>>> > websites, but now I'd need something a little bit more complex, I'd
>>>>> > just
>>>>> > need to add the possibility to create links and add images to the
>>>>> > text,
>>>>> > nothing else.
>>>>> >
>>>>> > I wanted to modify the ShoreComponents editor myself, but my
>>>>> > knowledge in
>>>>> > Javascript is as extensive as my knowledge in the harvesting of the
>>>>> > Korean
>>>>> > pumpkin...
>>>>> >
>>>>> > What do you guys usually use?
>>>>> >
>>>>> > Thanks!
>>>>> >
>>>>> > Bernat Romagosa.
>>>>> >
>>>>> > --
>>>>> >
>>>>> > Ted Turner  - "Sports is like a war without the killing."
>>>>> > _______________________________________________
>>>>> > seaside mailing list
>>>>> > [hidden email]
>>>>> > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>>> >
>>>>> >
>>>>> _______________________________________________
>>>>> seaside mailing list
>>>>> [hidden email]
>>>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>>
>>>>
>>>>
>>>> --
>>>>
>>>> Joan Crawford  - "I, Joan Crawford, I believe in the dollar. Everything
>>>> I earn, I spend."
>>>> _______________________________________________
>>>> seaside mailing list
>>>> [hidden email]
>>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>>
>>>
>>>
>>>
>>> _______________________________________________
>>> seaside mailing list
>>> [hidden email]
>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>
>>
>>
>>
>> --
>>
>> Jonathan Swift  - "May you live every day of your life."
>> _______________________________________________
>> seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>
>
>
> --
> http://jmck.seasidehosting.st
>
> _______________________________________________
> seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside