[Seaside] Using the EditArea Javascript library

Sun Jun 8 00:42:03 UTC 2008

Carl,

	if so, then you can't evade to figure out how to use the Seaside
Scriptaculous way to serialize objects to javascript. Start understanding that
part. 

	The Scriptaculous package which cames with Seaside does more than
allowing you to access Scriptaculous features. As side note that's why I insist
it was a poor naming. In fact it is a way to make smalltalk objects serializable
to javascript. So that package does that *and* has mapped access to Prototye and
Scriptaculous javascript libraries. But you can use it for any piece of
javascript.

	We are using it to map jQuery library and some plugins for it which are
extensions already in use. You can take a look to them to have an idea. They are
at squeaksource jQuery project.

Cheers,

Sebastian Sastre


> -----Mensaje original-----
> De: seaside-bounces at lists.squeakfoundation.org 
> [mailto:seaside-bounces at lists.squeakfoundation.org] En nombre 
> de Carl Gundel
> Enviado el: Sabado, 07 de Junio de 2008 17:32
> Para: Seaside - general discussion
> Asunto: [Seaside] Using the EditArea Javascript library
> 
> I'm trying to use the EditArea Javascript code editor (check 
> it out at http://www.cdolivet.net/editarea) 
>   but it's not clear at all to me how to write the Seaside code to  
> make it work.
> 
> Here is the example used in the documentation to show how the 
> control  
> is placed into a page.  Any recommendations?
> 
> -Carl Gundel
> http://www.runbasic.com
> 
> <html>
> <head>
> <title>EditArea Test</title>
> <script language="javascript" type="text/javascript" src="/editarea/ 
> edit_area/edit_area_full.js"></script>
> <script language="javascript" type="text/javascript">
> editAreaLoader.init({
> 	id : "textarea_1"		// textarea id
> 	,syntax: "css"			// syntax to be uses 
> for highgliting
> 	,start_highlight: true		// to display with 
> highlight mode on start-up
> });
> </script>
> </head>
> <body>
> <form method="post">
> 	<textarea id="textarea_1" name="content" cols="80" rows="15">
> /*This is some css that will be editable with EditArea.*/
> body, html{
> 	margin: 0;
> 	padding: 0;
> 	height: 100%;
> 	border: none;
> 	overflow: hidden;
> }</textarea>
> 
> </form>
> </body>
> </html>
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside