Sunday, July 26, 2009

[jQuery] Re: Rich Text Editor plugin

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: