Formatting Pack

Explore

Formatting Pack

Style your text the way you want!

Benjamin Lupton

This is the demonstration document for the

Formatting Pack⁠

for Coda.

⁠

All of Benjamin’s Packs are livestreamed to twitch, open-source, and sponsorable.⁠

⁠

Demonstration

To get started, first

Copy this doc

⁠

so you can see the formulas that are being used.

Enter your input text here:

Input Text

Selamat *datang*

This is a new paragraph. This is a new line inside the paragraph.

1 of 1

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

HTML

The following examples will render the input text using HTML. HTML formatting will render only HTML syntax, keeping markdown syntax as original, as such it is preferable.

As HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

H1

As H1 heading via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

H2

As H2 heading via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

H3

As H3 heading via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

H4

As H4 heading via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

H5

As H5 heading via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

H6

As H6 heading via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Italic

As italic via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Bold

As bold via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Underline

As underline via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Strikethrough

As strikethrough via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Insert

As insert via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Delete

As delete via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Code

As inline code via HTML

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Quote

As blockquote via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Preformatted

As preformatted text via HTML:

⁠

Selamat *datang* This is a new paragraph.This is a new line inside the paragraph.

⁠

Supertext

As supertext via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Note at this time, Coda does not yet render supertext formatting, as such it is replaced with

Subtext

As subtext via HTML:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Note at this time, Coda does not yet render subtext formatting, as such it is replaced with

Elements

Render all the HTML elements to see what Coda supports rendering:

⁠

⁠a ⁠ abbr acronym address applet area article aside audio b base bdi bdo bgsound big blink blockquote body br button canvas caption center cite code col colgroup content data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h2 h3 h4 h5 h6 head header hgroup ⁠ hr html i iframe image ⁠ img input ins kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noembed noframes noscript object ol optgroup option output p param picture plaintext portal pre progress q rb rp rt rtc ruby s samp section select shadow slot small source spacer span strike strong sub summary sup table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp

⁠

Markdown

The following examples will render the input text using

Markdown⁠

. Markdown formatting will render both HTML and Markdown syntax.

As markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

H1

As H1 heading via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

H2

As H2 heading via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

H3

As H3 heading via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

H4

As H4 heading via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

H5

As H5 heading via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

H6

As H6 heading via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Italic

As italic via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Bold

As bold via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Underline

As underline via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Strikethrough

As strikethrough via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Code

As inline code via markdown:

⁠

Selamat *datang* This is a new paragraph. This is a new line inside the paragraph.

⁠

Code Block

As code block via markdown with language:

⁠

Selamat *datang* This is a new paragraph.This is a new line inside the paragraph.

⁠

Note at this time, it does not seem Coda supports syntax highlighting on code blocks.

Quote

As a quote block via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Note at this time, despite best efforts, it seems Coda only renders the quote element on the first line it receives.

Ordered List

As an ordered list via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Unordered List

As an unordered list via markdown:

⁠

Selamat datang This is a new paragraph. This is a new line inside the paragraph.

⁠

Tips & Tricks

As you are less likely to have HTML inside your input text (whereas markdown syntax is common in standard text), it is recommended to use the HTML formatters instead, as they are less likely to produce unexpected results. For instance, This is a clause* (* explaning the clause) will be incorrectly formatted with Markdown, but will be correctly formatted with the HTML formatters.

When parsing non-text inputs, be sure to call .ToText() prior to the formatting function.

Todos

added checkbox markdown formatting

consider offering an escaped variety

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.