title: How to add custom block in tinyMce
body: <p>I wanted to add custom formatting block for TinyMCE, I Was able to do it with below code. </p>
  
  <pre><code>style_formats: [
  {title : 'Code', block : 'pre', classes : 'pre-code', exact: true},]
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/vWRGEg" rel="nofollow noreferrer">https://codepen.io/anon/pen/vWRGEg</a>
  <a href="https://i.stack.imgur.com/0azfA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0azfA.png" alt="enter image description here"></a></p>
  
  <p>However, by adding this code, the only Code block is visible in format drop-down.
  There were some default Option e.g</p>
  
  <ol>
  <li>Headings</li>
  <li>Inline</li>
  <li>Block</li>
  <li>Alignment</li>
  </ol>
  
  <p><a href="https://codepen.io/anon/pen/jazqEv" rel="nofollow noreferrer">https://codepen.io/anon/pen/jazqEv</a></p>
  
  <p>Is it possible to add custom code block under the Block - > pre section? </p>
  
  <p><a href="https://i.stack.imgur.com/2dHKK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2dHKK.png" alt="enter image description here"></a></p>