octAdmin

SummerNote Editor

Official Website

Standard Editor


Normal

Code

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
8 9 10 11 12 14 18 24 36
Background Color
Foreground Color
1 x 1

WYSIWYG Editor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ullamcorper sapien non nisl facilisis bibendum in quis tellus. Duis in urna bibendum turpis pretium fringilla. Aenean neque velit, porta eget mattis ac, imperdiet quis nisi. Donec non dui et tortor vulputate luctus. Praesent consequat rhoncus velit, ut molestie arcu venenatis sodales.

Lacinia

  • Suspendisse tincidunt urna ut velit ullamcorper fermentum.
  • Nullam mattis sodales lacus, in gravida sem auctor at.
  • Praesent non lacinia mi.
  • Mauris a ante neque.
  • Aenean ut magna lobortis nunc feugiat sagittis.

Pellentesque Adipiscing

Maecenas quis ante ante. Nunc adipiscing rhoncus rutrum. Pellentesque adipiscing urna mi, ut tempus lacus ultrices ac. Pellentesque sodales, libero et mollis interdum, dui odio vestibulum dolor, eu pellentesque nisl nibh quis nunc. Sed porttitor leo adipiscing venenatis vehicula. Aenean quis viverra enim. Praesent porttitor ut ipsum id ornare.

Insert Link

Insert Image

Insert Video

Help

Insert Paragraph
Undoes the last command
Redoes the last command
Tab
Untab
Set a bold style
Set a italic style
Set a underline style
Set a strikethrough style
Clean a style
Set left align
Set center align
Set right align
Set full align
Toggle unordered list
Toggle ordered list
Outdent on current paragraph
Indent on current paragraph
Change current block's format as a paragraph(P tag)
Change current block's format as H1
Change current block's format as H2
Change current block's format as H3
Change current block's format as H4
Change current block's format as H5
Change current block's format as H6
Insert horizontal rule
Show Link Dialog

Summernote 0.8.9 · Project · Issues

Air-Mode


Heading is here

Lorem ipsum dolor sit amet,consectetur adipisicing elitconsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Exercitationullamco laboris nisi ut aliquip ex ea commodo consequat.

  • - list text here
  • - list text here
    • list text here
    • list text here
    • list text here
  • - list text here

Title

laboris nisi ut aliquip ex ea commodo consequat link is here(http://www.amazingSurge.com)

Insert Link

Insert Image

Insert Video

Help

Insert Paragraph
Undoes the last command
Redoes the last command
Tab
Untab
Set a bold style
Set a italic style
Set a underline style
Set a strikethrough style
Clean a style
Set left align
Set center align
Set right align
Set full align
Toggle unordered list
Toggle ordered list
Outdent on current paragraph
Indent on current paragraph
Change current block's format as a paragraph(P tag)
Change current block's format as H1
Change current block's format as H2
Change current block's format as H3
Change current block's format as H4
Change current block's format as H5
Change current block's format as H6
Insert horizontal rule
Show Link Dialog

Summernote 0.8.9 · Project · Issues

Click to Edit




You can click to edit, here!

Hint

Summernote support autocomplete features, hint for helping typing. You can define custom hint with options. Hint options can be object or array for multiple hints.


type with apple, orange, watermelon, lemon


Insert Link

Insert Image

Insert Video

Help

Insert Paragraph
Undoes the last command
Redoes the last command
Tab
Untab
Set a bold style
Set a italic style
Set a underline style
Set a strikethrough style
Clean a style
Set left align
Set center align
Set right align
Set full align
Toggle unordered list
Toggle ordered list
Outdent on current paragraph
Indent on current paragraph
Change current block's format as a paragraph(P tag)
Change current block's format as H1
Change current block's format as H2
Change current block's format as H3
Change current block's format as H4
Change current block's format as H5
Change current block's format as H6
Insert horizontal rule
Show Link Dialog

Summernote 0.8.9 · Project · Issues


Hint for emoji

emoji: use https://api.github.com/emojis


type starting with : and any alphabet


Insert Link

Insert Image

Insert Video

Help

Insert Paragraph
Undoes the last command
Redoes the last command
Tab
Untab
Set a bold style
Set a italic style
Set a underline style
Set a strikethrough style
Clean a style
Set left align
Set center align
Set right align
Set full align
Toggle unordered list
Toggle ordered list
Outdent on current paragraph
Indent on current paragraph
Change current block's format as a paragraph(P tag)
Change current block's format as H1
Change current block's format as H2
Change current block's format as H3
Change current block's format as H4
Change current block's format as H5
Change current block's format as H6
Insert horizontal rule
Show Link Dialog

Summernote 0.8.9 · Project · Issues


Hint for mention

mention: [jayden, sam, alvin, david]


type starting with @


Insert Link

Insert Image

Insert Video

Help

Insert Paragraph
Undoes the last command
Redoes the last command
Tab
Untab
Set a bold style
Set a italic style
Set a underline style
Set a strikethrough style
Clean a style
Set left align
Set center align
Set right align
Set full align
Toggle unordered list
Toggle ordered list
Outdent on current paragraph
Indent on current paragraph
Change current block's format as a paragraph(P tag)
Change current block's format as H1
Change current block's format as H2
Change current block's format as H3
Change current block's format as H4
Change current block's format as H5
Change current block's format as H6
Insert horizontal rule
Show Link Dialog

Summernote 0.8.9 · Project · Issues