CODEWITHSUNDEEP
tinymce
user984003
user984003

Reputation: 29557

tinyMCE: set padding of editor

How do I set the padding inside the tinyMCE editor?

I've seen answers like so:

body{ padding:0px }

But it shouldn't be on the body??

Upvotes: 4

Views: 11672

Answers (3)

Joe Black
Joe Black

Reputation: 423

you could also try these methods: 

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML

  // set whatever class name you have that adds the padding
  body_class: 'my_class', 

  // or attach your own css file (resolved to http://domain/myLayout.css)
  content_css : '/myLayout.css',

  // or finally, add your padding directly
  content_style: "body {padding: 10px}"
});

see the docs for more info

Upvotes: 5

NetDiver
NetDiver

Reputation: 29

If you need a quick solution try the CSS definition:

div.mce-edit-area{
    background:#FFF;
    filter:none;
>>> padding:10px; <<< 
}

in the skin.min.css and skin.ie7.min.css files.

Upvotes: 2

Thariama
Thariama

Reputation: 50832

Have look at the tinymce config param content_css. Using this param you may set your own css stuff and overwrite tinymcedefault css. You may apply the padding to whatever element you want (under body)

Upvotes: 6

Related Questions