Xinha Discussion Forum

willeffects

Xinha Authority

Registered: 2005-03-19

Posts: 130

Using a button to assign a class to the editor?

Hey gang,

I've got a custom button "codebox", when I click on it it assigns using editor.surroundHTML('<div class="codebox">', '</div>');

I have altered my htmlarea.css to include:

div.codebox{
  background : #CDE1EE;
  border: 1px solid #6C87B0;
  color: #385a72;
  height: 250px;
  overflow: auto;
  padding: 0 0 0 5px;
  width: 95%;
}

But the background doesnt show in the editor.  I know the CSS plugin must do this, but I want the function in a button.  I know it must be something simple but I cant find it in the notes.  How do I make it show?

Thanks

adamp

Xinha Pro

Registered: 2005-03-14

Posts: 77

Re: Using a button to assign a class to the editor?

Not sure it does affect it, but you've got a space before the : for background and not on any others.

willeffects

Xinha Authority

Registered: 2005-03-19

Posts: 130

Re: Using a button to assign a class to the editor?

No effect.  Im pretty certain I may have to have the CSS plugin on or use some special function to change the display, just not sure what.

niko

Xinha Authority

From: Salzburg/Austria

Registered: 2005-02-14

Posts: 338

Re: Using a button to assign a class to the editor?

don't alter htmlarea.css, this css is only for the editor itself but NOT for the content (iframe) itself!

use config.pageStyle instead!

---

Niko

adamp

Xinha Pro

Registered: 2005-03-14

Posts: 77

Re: Using a button to assign a class to the editor?

Good point, hadn't noticed the bit about adding it in htmlarea.css

willeffects

Xinha Authority

Registered: 2005-03-19

Posts: 130

Re: Using a button to assign a class to the editor?

tahts what I get for designing at 4am.  thanks guys!  whipping this editor into shape now...