Rails spinoffs - Dec 2005 - Scriptaculous and Prototype based Rich Text Editor

Hi Guys,
I'm currently using the Dojo Rich text editor on my site
https://wideword.net but am not 100% happy with it as I'm a prototype
kind of guy.

So I started writing this Rich Text Editor the other day on an
experiment. I used the In Place Editor as a template for it and have
gotten it to more or less work under IE and Gecko. Unfortunately it
still isn't working on Safari ( The commands to be specific. I think I
know why).

It would be real easy to create rails helper functions for this, like
there already is for the In place editor.

It is missing a clean up by a real prototype/scriptaculous expert and
as mentioned safari support. I was planning on using the fantastic
silk icons, which seem to support all the required icons. However I'm
not quite sure the correct way to package icons with a scriptaculous
widget.

Anyway while I am planning on moving on with this, it is unfortunately
low priority on a very full plate and I'm off on Vacation for a week
or so. I figured that maybe someone would like to play with and work
on it over christmas.

I've included a simple test html page (Ajax support was left more or
less as is from the Inplace Editor, but I haven't tested it) and the
javascript. If brought into scriptaculous it would propably make sense
to include it in controls.js.

Feel free to do whatever you want with it within the same license as
scriptaculous. I'll happily let some one else take over it entirely or
work together with someone as well when I get back in January. You can
ask me questions, but I might not be able to respond to them before
January, but then again I might.

Merry christmas
Pelle
--
https://wideword.net + Encrypted Wysiwyg document sharing
http://stakeventures.com + Bootstrapping blog
http://neubia.com      +  Geek blog


_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

I tried using Dojo''s editor - 0.2.1 - and it crashes my Firefox every
time!  I''m currently integrating tinyMCE, and after 60 minutes of work,
I almost have it working with my dynamic elements.  tinyMCE is very
large though, but very feature rich.

One thing about the Silk icons - they are .png files, with transparency,
so IE doesn''t display them correctly.


-----Original Message-----
From: Pelle Braendgaard [mailto:pelleb-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org] 
Sent: Thursday, December 22, 2005 5:05 AM
To: rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
Subject: [Rails-spinoffs] Scriptaculous and Prototype based Rich Text
Editor

Hi Guys,
I''m currently using the Dojo Rich text editor on my site
https://wideword.net but am not 100% happy with it as I''m a prototype
kind of guy.

So I started writing this Rich Text Editor the other day on an
experiment. I used the In Place Editor as a template for it and have
gotten it to more or less work under IE and Gecko. Unfortunately it
still isn''t working on Safari ( The commands to be specific. I think I
know why).

It would be real easy to create rails helper functions for this, like
there already is for the In place editor.

It is missing a clean up by a real prototype/scriptaculous expert and
as mentioned safari support. I was planning on using the fantastic
silk icons, which seem to support all the required icons. However I''m
not quite sure the correct way to package icons with a scriptaculous
widget.

Anyway while I am planning on moving on with this, it is unfortunately
low priority on a very full plate and I''m off on Vacation for a week
or so. I figured that maybe someone would like to play with and work
on it over christmas.

I''ve included a simple test html page (Ajax support was left more or
less as is from the Inplace Editor, but I haven''t tested it) and the
javascript. If brought into scriptaculous it would propably make sense
to include it in controls.js.

Feel free to do whatever you want with it within the same license as
scriptaculous. I''ll happily let some one else take over it entirely or
work together with someone as well when I get back in January. You can
ask me questions, but I might not be able to respond to them before
January, but then again I might.

Merry christmas
Pelle
--
https://wideword.net + Encrypted Wysiwyg document sharing
http://stakeventures.com + Bootstrapping blog
http://neubia.com      +  Geek blog

Hi Tom

I''m just about to start on integrating TinyMCE (which is a great
editor)
with scriptaculous, any pointers on what you''ve learnt would be really
appreciated!

Cheers
Rob

Tom Fakes wrote:
>I tried using Dojo''s editor - 0.2.1 - and it crashes my Firefox
every
>time!  I''m currently integrating tinyMCE, and after 60 minutes of
work,
>I almost have it working with my dynamic elements.  tinyMCE is very
>large though, but very feature rich.
>
>One thing about the Silk icons - they are .png files, with transparency,
>so IE doesn''t display them correctly.
>  
>

On Thu, Dec 22, 2005 at 11:39:16AM -0800, Tom Fakes
wrote:
> 
> I tried using Dojo''s editor - 0.2.1 - and it crashes my Firefox
every
> time!  I''m currently integrating tinyMCE, and after 60 minutes of
work,
> I almost have it working with my dynamic elements.  tinyMCE is very
> large though, but very feature rich.
Quite large along with all the language files.  I find tinyMCE also
produces quite a bit of noise in the javascript console.

I have not tried this yet, but there''s also:

    http://www.fckeditor.net/


-- 
Bill Moseley
moseley-kv6DSSSScSo@public.gmane.org

I think this is the problem with most of the Rich Text editors. They
are very heavy.

What I would like is:

* Small
* Integrated with some of the nicer Prototype featuers such as observe
* Easily integrated in a rails environment
* Sensible small default set of controls
* Easy to extend with your own controls

Which is why I'm trying to create this editor. What I have so far is I
feel very fast and light. Most of the heavy code in the rich text
editors are all the exceptions you need to have. Besides most of them
also need a large chunk of configuration and support code, that
prototype/scriptaculous already has.

* IE and Safari support contentEditable
* Firefox needs an iframe around a document set to designmode
* If you do what I did and create a toolbar in the same document as
the contentEditable in safari, each time you click a toolbar button
your selection looses focus and doesnt work, thus you need an iframe
(Just discovered this, have not updated code)

Pelle

On 12/23/05, Bill Moseley <moseley@hank.org>
wrote:
> On Thu, Dec 22, 2005 at 11:39:16AM -0800, Tom Fakes wrote:
> >
> > I tried using Dojo's editor - 0.2.1 - and it crashes my Firefox
every
> > time!  I'm currently integrating tinyMCE, and after 60 minutes of
work,
> > I almost have it working with my dynamic elements.  tinyMCE is very
> > large though, but very feature rich.
>
> Quite large along with all the language files.  I find tinyMCE also
> produces quite a bit of noise in the javascript console.
>
> I have not tried this yet, but there's also:
>
>     http://www.fckeditor.net/
>
>
> --
> Bill Moseley
> moseley@hank.org
>
> _______________________________________________
> Rails-spinoffs mailing list
> Rails-spinoffs@lists.rubyonrails.org
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
>

--
https://wideword.net + Encrypted Wysiwyg document sharing
http://stakeventures.com + Bootstrapping blog
http://neubia.com      +  Geek blog

_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

I''ve just tested with scriptaculous 1.5.1 and the editor does not
work. Here is the js error :

---8<------
Error: too much recursion
Source File: file:///home/nick/prototype.js
Line: 52
---8<------
Fedora Core 3, Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.12)
Gecko/20050920 Firefox/1.0.7

Regards,
Nicolas Terray

On 12/22/05, Pelle Braendgaard
<pelleb-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
> Hi Guys,
> I''m currently using the Dojo Rich text editor on my site
> https://wideword.net but am not 100% happy with it as I''m a
prototype
> kind of guy.
>
> So I started writing this Rich Text Editor the other day on an
> experiment. I used the In Place Editor as a template for it and have
> gotten it to more or less work under IE and Gecko. Unfortunately it
> still isn''t working on Safari ( The commands to be specific. I
think I
> know why).
>
> It would be real easy to create rails helper functions for this, like
> there already is for the In place editor.
>
> It is missing a clean up by a real prototype/scriptaculous expert and
> as mentioned safari support. I was planning on using the fantastic
> silk icons, which seem to support all the required icons. However
I''m
> not quite sure the correct way to package icons with a scriptaculous
> widget.
>
> Anyway while I am planning on moving on with this, it is unfortunately
> low priority on a very full plate and I''m off on Vacation for a
week
> or so. I figured that maybe someone would like to play with and work
> on it over christmas.
>
> I''ve included a simple test html page (Ajax support was left more
or
> less as is from the Inplace Editor, but I haven''t tested it) and
the
> javascript. If brought into scriptaculous it would propably make sense
> to include it in controls.js.
>
> Feel free to do whatever you want with it within the same license as
> scriptaculous. I''ll happily let some one else take over it
entirely or
> work together with someone as well when I get back in January. You can
> ask me questions, but I might not be able to respond to them before
> January, but then again I might.
>
> Merry christmas
> Pelle
> --
> https://wideword.net + Encrypted Wysiwyg document sharing
> http://stakeventures.com + Bootstrapping blog
> http://neubia.com      +  Geek blog
>
> _______________________________________________
> Rails-spinoffs mailing list
> Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
>
>
>
>

Nice start.  I also find the other editors to be too bulky.  I also
have a pretty full plate, but if I have some time to add something to
it I will and forward it on.

On 12/22/05, Pelle Braendgaard
<pelleb-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
> Hi Guys,
> I''m currently using the Dojo Rich text editor on my site
> https://wideword.net but am not 100% happy with it as I''m a
prototype
> kind of guy.
>
> So I started writing this Rich Text Editor the other day on an
> experiment. I used the In Place Editor as a template for it and have
> gotten it to more or less work under IE and Gecko. Unfortunately it
> still isn''t working on Safari ( The commands to be specific. I
think I
> know why).
>
> It would be real easy to create rails helper functions for this, like
> there already is for the In place editor.
>
> It is missing a clean up by a real prototype/scriptaculous expert and
> as mentioned safari support. I was planning on using the fantastic
> silk icons, which seem to support all the required icons. However
I''m
> not quite sure the correct way to package icons with a scriptaculous
> widget.
>
> Anyway while I am planning on moving on with this, it is unfortunately
> low priority on a very full plate and I''m off on Vacation for a
week
> or so. I figured that maybe someone would like to play with and work
> on it over christmas.
>
> I''ve included a simple test html page (Ajax support was left more
or
> less as is from the Inplace Editor, but I haven''t tested it) and
the
> javascript. If brought into scriptaculous it would propably make sense
> to include it in controls.js.
>
> Feel free to do whatever you want with it within the same license as
> scriptaculous. I''ll happily let some one else take over it
entirely or
> work together with someone as well when I get back in January. You can
> ask me questions, but I might not be able to respond to them before
> January, but then again I might.
>
> Merry christmas
> Pelle
> --
> https://wideword.net + Encrypted Wysiwyg document sharing
> http://stakeventures.com + Bootstrapping blog
> http://neubia.com      +  Geek blog
>
> _______________________________________________
> Rails-spinoffs mailing list
> Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
>
>
>
>