Components
Writing articles on steemit.com is not usual like on word file. It uses Markdown language and HTML, not all writers knows markdown language and HTML well. If you are familiar with HTML, some codes are similar to markdown language.
Markdown is a lightweight markup language with plain text formatting syntax. It is designed so that it can be converted to HTML and many other formats using a tool by the same name. Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor - Source here
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet - Source here
When we use markdown language, there are quick access button above for formatting. But I do not use that language because we can not see the preview of our article when we use markdown editor.
In HTML editor, we can see the preview of the article and I found it convenient for me.
For users like me who like HTML editor rather than the markdown, it is very convenient for us to have an quick guide on common HTML codes for formatting.
Proposal
What I am proposing here is to add a section in steemit.com's HTML editor where the users can directly see or access the common HTML codes. It will be place at the left side of the page because there is an enough space for it.
Mockups / Examples
Here is the example how to suggestion will work.
This is the current page of steemit.com's html editor.
Now, common html codes are placed on it.
When we click the codes or tags, it will display an example on how to use it.
Benefits
Here are the benefits if implemented:
- Users will no longer search the html tags on different website.
- Users will have a direct guide on how to use formatting tools.
Posted on Utopian.io - Rewarding Open Source Contributors