Skip to main content
HashnodeTown Hall - The official Hashnode blogTown Hall - The official Hashnode blog

Command Palette

Search for a command to run...

Hashnode's editor now supports 8 new HTML tags - kbd, abbr, sub, sup, and more!

Hashnode editor changes that will enable writers to publish accessible articles on their blogs.

Published
β€’4 min read
Hashnode's editor now supports 8 new HTML tags - kbd, abbr, sub, sup, and more!
S
Shad Mirza

A JavaScript enthusiast and a creator who knows how to use Keyboard, Pen, Pencil, and Gamepad to their fullest.

Part of seriesNew Features and Highlights ✨

We value web accessibility and constantly try to make Hashnode more accessible to everyone. This week, we shipped support for 8 more HTML tags to Hashnode Editor which will enable writers to write accessible articles.

Check out the list below for more details and examples:

1. kbd:

Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to re-render this page.

Output:

Please press Ctrl + Shift + R to re-render this page.

2. abbr:

Did you know you can customize your Hashnode blog using Custom <abbr title="Cascading Style Sheets">CSS</abbr>

Output:

Did you know you can customize your Hashnode blog using Custom CSS

3. dl, dt, dd:

<dl>
  <dt>Why Blogging</dt>
  <dd>
   Blogging itself is an amazing exercise to build your communication skill which is very essential when it comes to code. But this is just one reason, there are many more, to begin with.
  </dd>
</dl>

Output

Why Blogging
Blogging itself is an amazing exercise to build your communication skill which is very essential when it comes to code. But this is just one reason, there are many more, to begin with.

4. sub:

Almost every developer's favorite molecule is C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as "caffeine."

Output

Almost every developer's favorite molecule is C8H10N4O2, also known as "caffeine."

5. sup:

The **Pythagorean theorem** is often expressed as the following equation: a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>

Output

The Pythagorean theorem is often expressed as the following equation: a2 + b2 = c2

6. cite:

<cite>The Scream</cite> by Edward Munch. Painted in 1893.

Output

The Scream by Edward Munch. Painted in 1893.

7. details & summary:

<details>
  <summary>Click here to learn more about Hashnode</summary>
  Hashnode is the easiest way to start a developer blog on your personal domain 🌏 for free and connect with the readers through our global dev community! πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»
</details>

Output

Click here to learn more about Hashnode Hashnode is the easiest way to start a developer blog on your personal domain 🌏 for free and connect with the readers through our global dev community! πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

8. s:

<s>string through</s>

Output

string through

You can directly write the HTML tags in Hashnode Editor and start using them. We hope this update lets you share your thoughts in a more accessible way. Let us know if you liked this update in the comment section. Cheers πŸŽ‰

#hashnode
1.1K views

Comments (10)

Join the discussion
W
Wilfred Dube3y ago

Hi. How do we add equations?

S
Siddharth Shyniben4y ago

This is cool! It would be nice if you could support markdown formatting inside it these tags too!

<details> <summary>Expand this to see what I mean</summary> js this().is("a code block") === true bold - list - here - here - here - things </details>

Source:

<details>
  <summary>Expand this to see what I mean</summary>

  ```js
    this().is("a code block") === true
  ``\`



  **bold** 

  - list
    - here
    - here
    - here
       - things
</details>
P
Pankaj4y ago

Thanks. It would be great to add these supported tags in the "Guide" of the text editor.

1
P
Prateek Aher5y ago

These are good.

S
Samet ÇELİKBIÇAK5y ago

Nice work, thanks πŸ‘πŸ‘

R
Roger Colque Calcina5y ago

Nice

added https://blogdevtrip.hashnode.dev/android-studio-useful-shortcuts

M
Martin Smith5y ago

Awesome!

S
Savio Martin5y ago

I'm gonna take this advantage, gonna use them in my blog

1
F
Favourite Jome5y ago

Thanks to all Hashnode team. These are awesome tags now supported.

V
Vivek Tiwari5y ago

Thanks for supporting <details> and <summary>. Had been waiting for it. πŸ™Œ

1

New Features and Highlights ✨

Part 23 of 26

A series about Hashnode's new features releases and updates. We ship things faster and listen to the dev community at Hashnode. Request a new feature [here](https://hashnode.com/feature-requests).

Up next

Introducing Audio Blogs on Hashnode. Now listen to articles automatically!

Instantly convert your articles into lifelike speech

More from this blog

T

Town Hall - The official Hashnode blog

208 posts

Welcome to the official Hashnode blog. Find our product updates, announcements, interviews, and more here. Get started with Hashnode now.

Hashnode's editor now supports 8 new HTML tags - kbd, abbr, sub, sup, and more!