Design

List of supported components.

Table of Contents

❌ Unsupported block (table_of_contents)

BASIC BLOCKS

Text

bold italic underline strike cooooooooooooooooooooooooooooooooooooooooooooooooooooode multiple

Inline Math: (Bessel equation)

Block Color

Block Color

Mention another page in table: Uses

Date mention:

  • date: 2021-03-12
  • range: 2021-10-01 - 2021-10-30
  • with time: 2021-10-02T08:00:00.000+00:00
  • today: 2021-10-02
  • Monday: 2021-09-27

Mention user: @Maximous Black

Link to an external page

Mention another page outside table: PowerShell Which

Manual break New line in the same block

Commented

Nested Text

At level one

Text Colors

Font Color : default gray brown orange yellow green blue purple pink red

Background Color : default gray brown orange yellow green blue purple pink red

Block color:

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Page

Copy of Embedded Page (Empty)

Copy of Embedded Page (Non-empty)

To-do List

Heading

Heading 1

The quick brown fox jumps over the lazy dog.

Heading 2

The quick brown fox jumps over the lazy dog.

Heading 3

The quick brown fox jumps over the lazy dog.

Bulleted List

  • Item 1
  • Item 2
  • Item 3 Long : Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
    • this is a nested list item
    • list-style-type Sub-item : Lorem Ipsum is simply dummy text of the printing and typesetting industry.
      • level 3
        • level 4

Numbered List

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3-1
    2. ltem 3-2
      1. Item 3-2-1 GO!

Toggle List

With color
Nested with color
Another one
“Consider a future device … in which an individual stores all his books, records, and communications, and which is mechanized so that it may be consulted with exceeding speed and flexibility. It is an enlarged intimate supplement to his memory.”
With many types of blocks
Toggle in toggle

Hi

  • Bulleted in toggle
  1. Numbered in toggle

Text in toggle

❌ Unsupported block (child_database)

With long text: The human mind does not work that way. It operates by association. With one item in its grasp, it snaps instantly to the next that is suggested by the association of thoughts, in accordance with some intricate web of trails carried by the cells of the brain.

Quote

Say Something

Divider

helps you divide your content into parts


Link To Page

Old

Copy of What's New?

New

❌ Unsupported block (unknown)

Callout

❌ Unsupported block (callout)

❌ Unsupported block (callout)

❌ Unsupported block (callout)

INLINE

Mention a Person

@Anonymous Inline Mention Person

Mention a Page

Untitled Inline Mention Page

Date or Reminder

2019-05-27 - 2019-05-31 Inline Mention Date

DATABASE

❌ Unsupported block (child_database)

❌ Unsupported block (child_database)

MEDIA

Image

Built-in Image, FullWidth
Built-in Image, FullWidth
Unsplash, > PageWidth
Unsplash, > PageWidth
Unsplash, PageWidth
Unsplash, PageWidth
Uploaded, Normal-in-column
Uploaded, Normal-in-column
Linked, Normal-in-column
Linked, Normal-in-column
Unsplash, PageWidth-in-column
Unsplash, PageWidth-in-column
Normal
Normal

Web Bookmark

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

❌ Unsupported block (bookmark)

Video

❌ Unsupported block (embed)

Youtube
Youtube
Youtube
Youtube, full version audio
Youtube
Uploaded File

Audio

Audio can have caption, too

❌ Unsupported block (embed)

Code

'use strict'

module.exports = intercept

function intercept() {
  
  return transformer.bind(this)

  function transformer(tree, file) {
    let _tree = tree
    let _file = file
  }
}
(module
  (table 0 anyfunc)
  (memory $0 1)
  (export "memory" (memory $0))
  (export "add" (func $add))
  (func $add (param $0 i32) (param $1 i32) (result i32)
    (i32.add
      (get_local $1)
      (get_local $0)
    )
  )
)
/* This is broken. (more info) */
function foo() {
	return "bar"
}
/* Wrap */
KKBOX.isMobile = /(phon|android|iPad|iPod|opera mini|blackberry|IEMobile|nokia|motorola|sonyericsson|samsung|lg-|sie-|tablet)/i.test(navigator.userAgent);
KKBOX.isTablet = /(^.*android((?!Mobile).)*$|iPad|tablet)/i.test(navigator.userAgent);
/* No Wrap */
KKBOX.isMobile = /(phon|android|iPad|iPod|opera mini|blackberry|IEMobile|nokia|motorola|sonyericsson|samsung|lg-|sie-|tablet)/i.test(navigator.userAgent);
KKBOX.isTablet = /(^.*android((?!Mobile).)*$|iPad|tablet)/i.test(navigator.userAgent);

File

❌ Unsupported block (file)

❌ Unsupported block (file)

ADVANCED BLOCKS

Math Equation

Template Button

❌ Unsupported block (unknown)

  • Convenient

Breadcrumb

❌ Unsupported block (breadcrumb)

Synced Block

A "Transclusion Container", let's call it A.

❌ Unsupported block (unknown)

A "Transclusion Reference" that is paste after clicking "Copy and paste" in A, let's call it B.

❌ Unsupported block (unknown)

A "Transclusion Reference" that is paste after clicking "Copy and paste" in B, let's call it C.

❌ Unsupported block (unknown)

Column List

❌ Unsupported block (column_list)

❌ Unsupported block (column_list)

Embed

PDF

❌ Unsupported block (pdf)

CodePen

❌ Unsupported block (embed)