Navigate back to the homepage
HomeContact

Medium-like reading experience

Author avatar
Team Draftbox
May 6th, 2020 · 4 min read

At Draftbox, we’re committed to providing the best reading experience to your users. We’ve hand-crafted WYSIWYG styling to achieve this goal.

Headings

Here’s a demo of headings with dummy text for reference:

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.

Here is a list of headings without dummy text:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Inline text elements

This line of text is meant to be treated as no longer accurate.

This line of text will render as underlined

This line rendered as bold text.

This line rendered as italicized text.

This text is in blockquote format.

List

Here’s an unordered list of latin phrases:

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Phasellus iaculis neque

Here’s an ordered list:

  1. Purus sodales ultricies
  2. Vestibulum laoreet porttitor sem
  3. Ac tristique libero volutpat at
  4. Faucibus porta lacus fringilla vel
  5. Aenean sit amet erat nunc
  6. Eget porttitor lorem

What about image and image caption?

Don’t worry! We’ve got you covered.

That worked well, didn’t it.

Here’s an example of image gallery:

But I often use YouTube, Twitter and other embeds

So do we – check this out:

One of the most watched video on YouTube

Here’s one of the most retweeted tweet by Ellen DeGeneres:

Here’s the countdown song from movie Inception:

https://www.instagram.com/p/B-U4-cVAp5y/?utm_source=ig_web_copy_link
Southern California beach – post by Instagram

But can you handle code snippets?

We thought you’d never ask! Of course, we can. Here’s a snippet of code from vintage Facebook code repo:

1my $id = $input{id};
2my $user = $input{user};
3my $code = $input{code};
4my $course = 0;#$input{course};
5my @node;my @edge;
6#my $db_data = Mysql->connect("69.28.179.12", "login", "mark", $pass);
7my $db_data = Mysql->connect("$cookies{host}", "$cookies{db}", "mark", $pass);
8my $map;
9if ($ENV{'HTTP_HOST'} =~ m/^(.*)\.thefacebook\.com/) { $map = $1;}

View this gist on GitHub

a snippet of code from vintage Facebook code repo

This is an inline link – https://draftbox.co

Have we missed something? Let us know in comments.

Benefits
Share:

Subscribe to Draftbox

Get the latest posts delivered right to your inbox.

More articles from Built with Draftbox

Meet Draftbox

Lightning fast, secure front-end for your WordPress or Ghost blog, without coding.

May 13th, 2020 · 3 min read

Users will love your site’s experience

Provide 10x better experience with pre-built pages served from global CDN along with in-built caching and image optimization.

May 13th, 2020 · 1 min read
Built with Draftbox © 2020
HomeSitemapRSSContactExternal Link
Link to $https://twitter.com/draftboxhqLink to $https://facebook.com/Link to $https://www.instagram.com/Link to $https://linkedin.com/Link to $https://github.com/draftbox-co