title: HTML from custom plugin shortcode showing up on Edit Page screen in WordPress
body: <p>I've been working on my first WordPress plugin, and it functions, for the most part. However when I activate the plugin, the edit page screen gets all messed up. I attached a screenshot.</p>
  
  <p><a href="https://i.stack.imgur.com/wB5aj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wB5aj.png" alt="enter image description here"></a></p>
  
  <p>Now I think I understand why, but I'm not sure how to fix it. I've set the plugin up as a price quote form, and if the user places the shortcode in the text editor, it will show up on that page. However, everything that goes with the shortcode is also showing up on the 'edit page' screen, like in the photo I shared above.  </p>
  
  <p>Here is a snippet of code that shows the issue. I condensed this of course, but this is giving me the same result. The 'Hello World' and the Lorem Ipsum is still showing up on the edit page screen like in the screenshot.</p>
  
  <pre><code>&lt;?php     
   function price_quote_display () {
    ?&gt;
      &lt;h1&gt;Hello World&lt;/h1&gt;
        &lt;p&gt;
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus laoreet sit amet felis nec molestie. Ut porttitor neque nec metus feugiat tincidunt.  
        &lt;/p&gt;
    &lt;?php
  }
  
  //function calls html from shortcode
  function register_shortcode(){
    add_shortcode('price-quote','price_quote_display');
  }
  
  //sets up and calls function that contains shortcode
  add_action('init', 'register_shortcode');
  
  ?&gt;
  </code></pre>
  
  <p>Any idea why the HTML inside the <code>priceQuoteDisplay</code> is showing up on the edit page screen? Thanks for any help.</p>