Sunday, July 26, 2009

[jQuery] Re: Rich Text Editor plugin

Hi Mike,
Thanks for your help.
I'll test your sugestion.
Now I'm testing the HtmlBox plugin from http://remiya.com/cms/projects/jquery-plugins/htmlbox/.
Thank you

*********************************************************
Daniel Ribeiro Bueno
Bacharel em Ciência da Computação
Desenvolvimento de Sistemas
E-mail: bueno1982@gmail.com
Site: www.buenodf.net
*********************************************************


On Sun, Jul 26, 2009 at 8:09 PM, helpfulMike <bodybrilliant@gmail.com> wrote:

Hi Daniel,
Not sure if this is what you need, but I used..

I needed a very light editor, so used the one by Batiste Bieler
http://batiste.dosimple.ch/blog/2007-09-11-1/


It loads a rte via iframe.
Then I accessed as follows
                  iframe = $('iframe.rte-zone')[0];
                  var $R = function(sel, newContent){
                       return $('body', $(sel).contents()).html(newContent || undefined);
                  };


Code in the form...
   <textarea name="fcopy" id="fcopy" class="rte-zone">MY CONTENT
HERE</textarea>
   <script type="text/javascript" src="../js/jquery.rte.js"></script>
<script type="text/javascript">
   $('.rte-zone').rte("../css/rte.css", "../img/ico/");
</script>

css I used to stylise..
.frameBody
{
   font-family:sans-serif;
   font-size:12px;
   margin:0;
   width:100%;
   height:100%;
}

.frameBody p
{
   border:1px #bbb solid;
   padding:2px;
}
.rte-zone
{
   width:100%;
   margin:0;
   padding:0 5px;
   border:1px #999 solid;
   clear:both;
   height:200px;
   display:block;
       background:#e0e0e0;
}
.rte-toolbar{ overflow:hidden; }
.rte-toolbar a, .rte-toolbar a img {
       border:0;
               color:#6CC;
}

.rte-toolbar p {
   float:left;
   margin:0;
   padding-right:5px;
}

hope it helps,
thx
Mike


On Jul 27, 1:42 am, Daniel Bueno <bueno1...@gmail.com> wrote:
> Hi,
>
> I need  to put a rich text editor in a textarea.
> Is there any way to do this with jQuery?
>
> Thanks,
> Daniel Bueno

No comments: