title: wymeditor - formatting headings in stylesheet
body: <p><strong>I'm trying to use within wymeditor the same styles that are on my website.</strong> Unfortunately this editor is barely documented, so I don't really know how to do it.</p>
  
  <p>The <a href="http://trac.wymeditor.org/trac/wiki/0.5/Customization.html" rel="nofollow">documentation</a> implies something like you can use a stylesheet where you define everything in some form, and it will be parsed and used in the editor. I could do this, but only with the classes (second box on the right panel).  The documentation gives an example, but only for the classes, not for the containers. There's a link to a full stylesheet, but it's a dead link, and the <a href="http://files.wymeditor.org/wymeditor-1.0.0b2/examples/styles.css" rel="nofollow">stylesheet</a> used in the examples only define classes and no containers.</p>
  
  <p><strong>So how would I make for example a red h1 in the editor? Or at least in the preview.</strong></p>
  
  <p>I would be really glad if someone linked or gave a full example of a stylesheet where containers like h1 and p are also formatted and used in editor. If this is not possible, what are other ways to do it?</p>
  
  <hr>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I could inject CSS to the iframe with postInit:</p>
  
  <pre><code>postInit: function(wym) {
      var $head = $(wym._box).find('iframe').contents().find("head");
      $head.append($("&lt;link/&gt;", { 
          rel: "stylesheet",
          href: costumIframeCss,
          type: "text/css"
       }));
  }
  </code></pre>
  
  <p>Now the only thing that I need is to do a similar thing to the preview dialog. Maybe with the <strong>postInitDialog(wym,wdw)</strong>. I don't really know how yet. The big problem there is that I need to differentiate the preview dialog from the other dialogs.</p>