[Seaside] WYSIWYG text editor

Wed Feb 24 14:24:51 UTC 2010

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 <p3anoman at gmail.com> 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 <tibabenfortlapalanca at gmail.com>
> 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 <garduino at gmail.com>
>>>
>>> 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 <tibabenfortlapalanca at gmail.com>
>>>>
>>>> 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 <garduino at gmail.com>
>>>>>
>>>>> I like to embed TinyMCE: http://tinymce.moxiecode.com/ . Is a bit big,
>>>>> but pretty complete.
>>>>>
>>>>> Cheers.
>>>>> Germán.
>>>>>
>>>>>
>>>>> 2010/2/22 AxiNat <tibabenfortlapalanca at gmail.com>:
>>>>> > 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
>>>>> > seaside at lists.squeakfoundation.org
>>>>> > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>>> >
>>>>> >
>>>>> _______________________________________________
>>>>> seaside mailing list
>>>>> seaside at lists.squeakfoundation.org
>>>>> 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
>>>> seaside at lists.squeakfoundation.org
>>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>>
>>>
>>>
>>>
>>> _______________________________________________
>>> seaside mailing list
>>> seaside at lists.squeakfoundation.org
>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>>
>>
>>
>>
>> --
>>
>> Jonathan Swift  - "May you live every day of your life."
>> _______________________________________________
>> seaside mailing list
>> seaside at lists.squeakfoundation.org
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>
>
>
> --
> http://jmck.seasidehosting.st
>
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>