title: How to configure TinyMCE to allow block-level elements inside anchor (a) tag?
body: <p>Here is my scenario:</p>
  
  <p>I want to be able to create content like</p>
  
  <blockquote>
    <p>&lt;div&gt; &lt;a id="supportTile" class="contentModule"
    href="/Support"&gt; &lt;h2&gt;Support&lt;/h2&gt; &lt;/a&gt;
    &lt;/div&gt;</p>
  </blockquote>
  
  <p>However tinyMCE strips it to </p>
  
  <blockquote>
    <p>&lt;div&gt; &lt;h2&gt;Support&lt;/h2&gt; &lt;/div&gt;</p>
  </blockquote>
  
  <p>My configuration is currently like this (using TinyMCE jQuery):</p>
  
  <blockquote>
  <pre><code>script_url: _applicationRoot + "Scripts/tiny_mce/tiny_mce.js",
  theme: "advanced",                    
  plugins: "paste,filemanager,imagemanager,advimage,inlinepopups",
  ...
  extended_valid_elements: "img[!src|border:0|alt|title|width|height|style|name|id|class],a[href|target|title|onclick|name|id|class],article[name|id|class],div[name|id|class],section[name|id|class]",
  schema: "html5",               
  ...
  convert_urls: true,
  document_base_url: _applicationRoot
  </code></pre>
  </blockquote>
  
  <p>I tried setting verify_html: false but no luck.</p>
  
  <p>I tried removing extended_valid_elements and replacing it with:</p>
  
  <blockquote>
  <pre><code>valid_elements: "*[*]",
  verify_html: false
  </code></pre>
  </blockquote>
  
  <p>No luck either.</p>
  
  <p>Can you see something wrong with my configuration? Is this achievable at all?</p>
  
  <p>Thanks! </p>