Share
Explore

Formatting Pack

Style your text the way you want!
This is the demonstration document for the for Coda.
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
<em>Selamat</em> *datang*
This is a new paragraph. This is a new line inside the paragraph.
1 of 1
<em>Selamat</em> *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 <em>
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 <em>
Elements
Render all the HTML elements to see what Coda supports rendering:
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 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:
<em>Selamat</em> *datang* This is a new paragraph. This is a new line inside the paragraph.
Code Block
As code block via markdown with language:
<em>Selamat</em> *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.