title: How can I prevent CKEditor from wrapping Mura Tags with a paragraph or div?
body: <p>How can I prevent CKEditor from messing with Mura Tags? OR how can I get CKEditor to ignore <strong>[m]something here[/m]</strong>?</p>
  
  <p>I have zero experience with modifying CKEditor, but all of the solutions I've seen thus far are usually "ignore this html element" or "allow this html element", whereas this issue is for a particular set of characters.</p>
  
  <p>If I use the following custom Mura Tag within the Mura CMS content editor:</p>
  
  <pre><code>[m]$.dspFooter()[/m]
  </code></pre>
  
  <p>I want the output html to be, for example:</p>
  
  <pre><code>&lt;footer&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col"&gt;
                  &lt;nav class="nav"&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;footer&gt;
  </code></pre>
  
  <p>The actual output is:</p>
  
  <pre><code>&lt;p&gt;&lt;/p&gt;
  &lt;footer&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col"&gt;
                  &lt;nav class="nav"&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;footer&gt;
  &lt;p&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Having the Mura Tag wrap with a <code>&lt;div&gt;</code> is also unacceptable for my needs:</p>
  
  <pre><code>&lt;div&gt;
  &lt;footer&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col"&gt;
                  &lt;nav class="nav"&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;footer&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated. Apologies if I've missed an applicable solution.</p>