咨询：ShoutEm Builder中HTML5元素代码粘贴后消失的解决办法

Hey there, I’ve dealt with this exact headache in ShoutEm Builder before—nothing’s more annoying than pasting your custom HTML5 code, seeing it render, then having it disappear the second you click anywhere else! Let’s break down how to keep your code and element intact:

• Use the official Custom HTML component (not the description box)
  ShoutEm’s regular description boxes are built for plain text or basic formatted content, not custom HTML. They automatically sanitize (clean up) any HTML tags you paste, which is why your code vanishes. Instead, look for a dedicated Custom HTML or HTML Widget in the Builder’s component library. Drag this component into your page’s body, then paste your HTML5 code directly into the component’s dedicated code input field. This area is designed to preserve raw HTML, so your element will stay put.

• Validate your HTML5 code first
  Make sure your code doesn’t have syntax errors or use restricted features (like certain inline JavaScript that might trigger ShoutEm’s security filters). For example, keep your code clean and well-structured like this:

  <div class="custom-feature">
    <h4>Interactive HTML5 Element</h4>
    <video controls width="300">
      <source src="your-video.mp4" type="video/mp4">
    </video>
  </div>
  

• Save immediately after pasting code
  After adding your code to the Custom HTML component, hit the Save button at the top of the Builder right away. Sometimes ShoutEm’s real-time preview can have temporary caching issues, and saving locks in your changes before you navigate to other parts of the editor.

• Check your plan permissions
  If you don’t see a Custom HTML component, it might be restricted to higher-tier ShoutEm plans. Double-check your subscription details to confirm if custom code is included—if not, you may need to upgrade to access this feature.

Remember: The description box is never the right place for custom HTML in ShoutEm. Stick to the purpose-built components, and your HTML5 elements will stay visible and persistent through edits.

内容的提问来源于stack exchange，提问作者Adam S