forked from slab/quill
-
Notifications
You must be signed in to change notification settings - Fork 0
/
advanced.jade
75 lines (71 loc) · 3.83 KB
/
advanced.jade
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
- var colors = ["rgb(0, 0, 0)", "rgb(230, 0, 0)", "rgb(255, 153, 0)", "rgb(255, 255, 0)", "rgb(0, 138, 0)", "rgb(0, 102, 204)", "rgb(153, 51, 255)", "rgb(255, 255, 255)", "rgb(250, 204, 204)", "rgb(255, 235, 204)", "rgb(255, 255, 204)", "rgb(204, 232, 204)", "rgb(204, 224, 245)", "rgb(235, 214, 255)", "rgb(187, 187, 187)", "rgb(240, 102, 102)", "rgb(255, 194, 102)", "rgb(255, 255, 102)", "rgb(102, 185, 102)", "rgb(102, 163, 224)", "rgb(194, 133, 255)", "rgb(136, 136, 136)", "rgb(161, 0, 0)", "rgb(178, 107, 0)", "rgb(178, 178, 0)", "rgb(0, 97, 0)", "rgb(0, 71, 178)", "rgb(107, 36, 178)", "rgb(68, 68, 68)", "rgb(92, 0, 0)", "rgb(102, 61, 0)", "rgb(102, 102, 0)", "rgb(0, 55, 0)", "rgb(0, 41, 102)", "rgb(61, 20, 102)"]
doctype html
html
head
title Quill Pretty Editor Demo
link(rel='stylesheet', type='text/css', href='../themes/quill.snow.css')
link(rel='stylesheet', type='text/css', href='styles/advanced.css')
meta(charset='utf-8')
body
#content-container
.basic-wrapper
.toolbar-container
select.sc-font(title='Font')
option(value='sans-serif', selected=true) Sans Serif
option(value='serif') Serif
option(value='monospace') Monospace
select.sc-size(title='Size')
option(value='10px') Small
option(value='13px', selected=true) Normal
option(value='18px') Large
option(value='32px') Huge
select.sc-align(title='Text Alignment')
option(value='left', selected) Left
option(value='center') Center
option(value='right') Right
option(value='justify') Justify
button.sc-bold(title='Bold') Bold
button.sc-italic(title='Italic') Italic
button.sc-underline(title='Underline') Underline
.editor-container
.advanced-wrapper
.toolbar-container
span.sc-format-group
select.sc-font(title='Font')
option(value='sans-serif', selected=true) Sans Serif
option(value='serif') Serif
option(value='monospace') Monospace
select.sc-size(title='Size')
option(value='10px') Small
option(value='13px', selected=true) Normal
option(value='18px') Large
option(value='32px') Huge
span.sc-format-group
span.sc-format-button.sc-bold(title='Bold')
span.sc-format-separator
span.sc-format-button.sc-italic(title='Italic')
span.sc-format-separator
span.sc-format-button.sc-underline(title='Underline')
span.sc-format-group
each c in ['sc-color', 'sc-background']
select(class=c, title=(c=='sc-color'?'Text Color':'Background Color'))
each color,i in colors
option(value=color, selected=((c == 'sc-color' && color == 'rgb(0, 0, 0)') || (c == 'sc-background' && color == 'rgb(255, 255, 255)') ? true : false))
if c == 'sc-color'
span.sc-format-separator
select.sc-align(title='Text Alignment')
option(value='left', selected)
option(value='center')
option(value='right')
option(value='justify')
span.sc-format-group
span.sc-format-button.sc-link(title='Link')
span.sc-format-separator
span.sc-format-button.sc-image(title='Image')
span.sc-format-group
span.sc-format-button.sc-authorship(title='Authorship')
.editor-container
script(type='text/javascript', src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js')
script(type='text/javascript', src='http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js')
script(type='text/javascript', src='../quill.js')
script(type='text/javascript', src='scripts/advanced.js')