title: CKEditor plugin to set classes
body: <p>What I want to do is something similar to the native foreground / background colors dialog. The difference is, it will have buttons with colors directly in a toolbar. So one plugin has to have multiple buttons, with different styles (colors). The other problem is, that this native plugin sets CSS <code>color</code> and <code>background-color</code> properties. I need to use classes instead, like this:</p>
  
  <pre><code>text &lt;span class="fg red"&gt;colored text&lt;/span&gt; text
  </code></pre>
  
  <p>and</p>
  
  <pre><code>text &lt;span class="bg blue"&gt;colored background&lt;/span&gt; text
  </code></pre>
  
  <p>Clicking into colors have to change color of a span with <code>fg</code> class (and background colors - <code>bg</code> class)</p>
  
  <p>How can I achieve this?</p>