RTE toolbar relocation problem

Board index » YUI 2.x: » Using YUI 2.x Components

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

Patrick Francis

Username: cube660
Joined: Wed Oct 26, 2011 6:33 am
Posts: 9

Tags:

RTE toolbar relocation problem

Posted: Wed Oct 26, 2011 6:59 am

+0-

Hi,

I'm trying to put the toolbar inside another div located elsewhere (away from the text area) on the page. I have tried this:

Code:

<div id="myToolBarCont"></div>

<script type="text/javascript">
var Dom = YAHOO.util.Dom
PS_editor  = new YAHOO.widget.Editor('msgpost', {
    height: '300px',
    width: '522px'
});
PS_editor.on("afterRender",function(){
 Dom.get('myToolBarCont').appendChild(this.get('toolbar_cont')); },PS_editor,true);
PS_editor.render();
</script>

However, I see no toolbar icons once the code is rendered. By looking at the html source, I see that the toolbar markup does get placed inside the div, but there is no css applied, it seems. So all that's there is an unformatted text representation of the toolbar. What am I missing here?

Any help would be appreciated. Thank you.
Pat

Patrick Francis

Username: cube660
Joined: Wed Oct 26, 2011 6:33 am
Posts: 9

Tags:

editor

Re: RTE toolbar relocation problem

Posted: Wed Oct 26, 2011 2:24 pm

+0-

Ok, I solved it.

I mistakenly had the yui-skin-sam class applied the div that my editor resided in, rather than the body tag. Frustrating oversight.

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum