Steemit's HTML Whitelist

in #steemit7 years ago (edited)

tag.png

Steemit posts support a limited subset of HTML that can be mixed with the Markdown syntax.
While Markdown is documented (click on 'Markdown Styling Guide' in the editor view), I was not able to find any detailed documentation for HTML in Steemit posts.
I thought that I could do it myself and gathered the information from the source code of Condenser, the official Steemit UI.
This following list of tags, attributes and classes is my interpretation of the code. I hope it helps. Please keep in mind that this is not officially documented and Steemit may change the whitelitsted HTML in the future. Also, please let me know in the comments if you find any mistakes or missing information.

Tags that allow attributes

  • a (Reference)
    • Attributes
      • href
      • rel
  • div (Reference)
    • Attributes
      • class
        • Allowed class values
          • pull-right
          • pull-left
          • text-justify
          • text-rtl
          • text-center
          • text-right
          • videoWrapper
          • phishy
      • title
  • iframe (Reference)
    • Attributes
      • src
        • Supports only youtube, vimeo and soundcloud
      • width
      • height
      • frameborder
      • allowfullscreen
      • webkitallowfullscreen
      • mozallowfullscreen
  • img (Reference)
    • Attributes
      • src
      • alt
  • td (Reference)
    • Attributes
      • style

Tags without attributes

Furthermore, HTML entities like   are allowed.

As @dbooster pointed out, Steemit removes HTML comments from the markup. Besides of obscure Markdown voodoo, there seems to be no good way to have comments in articles.

Based on this information, I am happy to be able to offer you this helpful snippet:

<center>
<div class="phishy">&#128293;&#128293;&#128293;UPVOTERS ARE MORE SUCCESSFUL&#128293;&#128293;&#128293;</div><br>
<div class="phishy">&#128293;&#128293;&#128293;RESTEEMERS LIVE LONGER&#128293;&#128293;&#128293;</div>
</center>


It should produce following output:

🔥🔥🔥UPVOTERS ARE MORE SUCCESSFUL🔥🔥🔥

🔥🔥🔥RESTEEMERS LIVE LONGER🔥🔥🔥


© 2017 @snug

Sort:  

Thank you @snug ;) time to play

Enjoy, I hope it helps. :)

Yes, I think so my friend ! Greetings from Mongolia, Silbart.

Great post buddy, specially that centre attribute 👍

Thanks, man.

Thanks!

You should also make a disallow list. I learned the other day they don't allow html comments for some reason (I wouldn't use them normally, but my multimarkdown to markdown parser automatically includes them)

Good suggestion. Thanks.

Thank you very much for sharing this post @snug .. It is very complete, I like it a lot, I will start to practice more with Markdown. Regards..

Good job. One of the frustrating things for new users is the almost complete lack of documentation on how to make things look nice, and everyone having to go find what works themselves, or already know someone here that knows how things work.

@driva has voted on behalf of @minnowpond.
If you would like to recieve upvotes from minnowponds team on all your posts, simply FOLLOW @minnowpond.

            To receive an upvote send 0.25 SBD to @minnowpond with your posts url as the memo
            To receive an reSteem send 0.75 SBD to @minnowpond with your posts url as the memo
            To receive an upvote and a reSteem send 1.00SBD to @minnowpond with your posts url as the memo

nice my friend pliss vote and follow me

Guzel olmus

iNTRO pIC-01.jpg

This post was resteemed & upvoted by @superbot - the Best Resteem bot on Planet !
Good Luck!

Follow for 10 minutes ,
Send 0.100 Steem/Steem Dollar and the URL in the memo that you want resteemed and upvoted.

So don't waste any time ! Get More Followers and gain more Visibility With Superbot .

Congratulations @snug! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments
Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Paging @ned

The @OriginalWorks bot has determined this post by @snug to be original material and upvoted(1.5%) it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

@royrodgers has voted on behalf of @minnowpond.
If you would like to recieve upvotes from minnowponds team on all your posts, simply FOLLOW @minnowpond.

            To receive an upvote send 0.25 SBD to @minnowpond with your posts url as the memo
            To receive an reSteem send 0.75 SBD to @minnowpond with your posts url as the memo
            To receive an upvote and a reSteem send 1.00SBD to @minnowpond with your posts url as the memo

@mrainp420 has voted on behalf of @minnowpond.
If you would like to recieve upvotes from minnowponds team on all your posts, simply FOLLOW @minnowpond.

            To receive an upvote send 0.25 SBD to @minnowpond with your posts url as the memo
            To receive an reSteem send 0.75 SBD to @minnowpond with your posts url as the memo
            To receive an upvote and a reSteem send 1.00SBD to @minnowpond with your posts url as the memo