TUMBLR (100% FREE BLOG)
DOES ALLOW HTML EDITING
1. Tumblr HTML Editing
Yes ✅ — Tumblr provides an “HTML” view in its post editor, so you can write or edit raw HTML directly.
2. General Capability
You can use tags like <table>, <div>, <span>. They work, though inline styles may be stripped. Custom CSS must be placed in the theme, not inside the post.
3. Allowed HTML Tags in Tumblr Posts
Tumblr uses an HTML sanitizer to prevent layout-breaking code and security risks. Only a whitelisted subset of HTML is permitted in post content.
📝 Text & Structure
- Headings:
<h1>to<h6> - Paragraphs & breaks:
<p>,<br>,<hr>
✨ Inline Formatting
- Bold & emphasis:
<b>,<strong>,<i>,<em> - Underline & strikethrough:
<u>,<s>,<strike> - Superscript & subscript:
<sup>,<sub> - Span container:
<span>(inline styles often stripped)
📋 Lists
- Unordered & ordered:
<ul>,<ol>,<li> - Definition lists:
<dl>,<dt>,<dd>
🔗 Links & Media
- Hyperlinks:
<a href=""> - Images:
<img src=""> - Audio & video:
<audio>,<video>(some restrictions) - Embedded content:
<iframe>(only from whitelisted sources like YouTube, Vimeo, SoundCloud, Spotify)
🧱 Block Content & Code
- Quotes:
<blockquote> - Preformatted text:
<pre> - Code snippets:
<code> - Containers:
<div>(inline styles often stripped)
📊 Tables
- Structure:
<table>,<thead>,<tbody>,<tfoot> - Rows & cells:
<tr>,<td>,<th>
4. Blocked or Stripped
- Scripts & styles:
<script>,<style>,<link>,<meta> - Embedded objects:
<object>,<embed>,<applet> - Forms:
<form>,<input>,<button>,<select>,<textarea>
⚠️ Stripped Attributes
- Inline JavaScript:
onclick,onmouseover, etc. - Most inline CSS:
style="",width=,height=(thoughclass=""andid=""may survive)
5. Pro Tips
- You can use
<div class="mybox">...</div>or<span class="red-text">...</span>in posts. - But: you must define the styles in your theme’s CSS, not inside the post itself.
- Tumblr doesn’t publish an official list, but the tags above are the practical set that survive Tumblr’s HTML sanitizer.
6. Example: Tumblr Post HTML Test Template
Here’s a Tumblr Post HTML Test Template you can paste into a new post (in HTML editor mode). After publishing, you’ll see exactly which tags survive and how they render:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a <b>bold</b>, <strong>strong</strong>, <i>italic</i>, <em>emphasized</em>,
<u>underlined</u>, <s>strikethrough</s>, <sub>subscript</sub>, <sup>superscript</sup>,
and <span>span text</span>.</p>
<hr>
<h3>Lists</h3>
<ul>
<li>Unordered list item 1</li>
<li>Unordered list item 2</li>
</ul>
<ol>
<li>Ordered list item 1</li>
<li>Ordered list item 2</li>
</ol>
<dl>
<dt>Term</dt>
<dd>Definition</dd>
</dl>
<hr>
<h3>Links & Images</h3>
<p><a href="https://example.com">This is a link</a></p>
<p><img src="https://via.placeholder.com/150" alt="Test image"></p>
<hr>
<h3>Block Elements</h3>
<blockquote>This is a blockquote</blockquote>
<pre>
function hello() {
return "code block";
}
</pre>
<code>Inline code sample</code>
<div>This is inside a DIV</div>
<hr>
<h3>Table Test</h3>
<table border="1">
<thead>
<tr><th>Header 1</th><th>Header 2</th></tr>
</thead>
<tbody>
<tr><td>Row 1 Col 1</td><td>Row 1 Col 2</td></tr>
<tr><td>Row 2 Col 1</td><td>Row 2 Col 2</td></tr>
</tbody>
</table>
<hr>
<h3>Media</h3>
<p>Video (native):</p>
<video controls width="250">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
<p>Audio (native):</p>
<audio controls>
<source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
</audio>
<p>Embed (iframe from YouTube):</p>
<iframe width="250" height="150" src="https://www.youtube.com/embed/dQw4w9WgXcQ"
frameborder="0" allowfullscreen></iframe>
📌 What to do:
- Copy-paste into Tumblr’s HTML post editor.
- Publish it.
- See what stays vs. what Tumblr strips.
This way, you’ll know exactly what’s really allowed on your account/theme (since Tumblr’s sanitizer rules can sometimes change slightly).
Comments