Commit 35b74ae2d81cf0619ba5864d5875785f83255ef3
custom h2/h3 buttons
mix irving committed on 4/10/2018, 10:06:11 PMParent: fc257fd3b75785431205902b7f48764d220ef8ca
Files changed
app/page/blogNew.js | changed |
app/page/blogNew.mcss | changed |
styles/global.mcss | changed |
app/page/blogNew.js | |||
---|---|---|---|
@@ -172,15 +172,36 @@ | |||
172 | 172 … | }) | |
173 | 173 … | } | |
174 | 174 … | ||
175 | 175 … | function initialiseMedium ({ page, el, meta }) { | |
176 … | + // el.addEventListener('keyup', ev => { | ||
177 … | + // debugger | ||
178 … | + // }) | ||
176 | 179 … | var editor = new MediumEditor(el, { | |
177 | 180 … | elementsContainer: page, | |
181 … | + // autoLink: true, | ||
182 … | + buttonLabels: 'fontawesome', | ||
183 … | + imageDragging: true, | ||
178 | 184 … | toolbar: { | |
179 | 185 … | allowMultiParagraphSelection: true, | |
180 | - buttons: ['bold', 'italic', 'underline', 'anchor', 'h2', 'h3', 'quote'], | ||
186 … | + buttons: [ | ||
187 … | + 'bold', | ||
188 … | + 'italic', | ||
189 … | + 'anchor', | ||
190 … | + { | ||
191 … | + name: 'h2', | ||
192 … | + contentFA: '<i class="fa fa-header" />', | ||
193 … | + classList: ['custom-button-h2'] | ||
194 … | + }, | ||
195 … | + { | ||
196 … | + name: 'h3', | ||
197 … | + contentFA: '<i class="fa fa-header" />', | ||
198 … | + classList: ['custom-button-h3'] | ||
199 … | + }, | ||
200 … | + 'quote' | ||
201 … | + ], | ||
181 | 202 … | diffLeft: 0, | |
182 | - diffTop: -10, | ||
203 … | + diffTop: 10, | ||
183 | 204 … | firstButtonClass: 'medium-editor-button-first', | |
184 | 205 … | lastButtonClass: 'medium-editor-button-last', | |
185 | 206 … | relativeContainer: null, | |
186 | 207 … | standardizeSelectionStart: false, |
app/page/blogNew.mcss | ||
---|---|---|
@@ -8,9 +8,8 @@ | ||
8 | 8 … | flex-basis: 100% |
9 | 9 … | $maxWidth |
10 | 10 … | margin: 0 auto |
11 | 11 … | |
12 | - | |
13 | 12 … | div.field { |
14 | 13 … | margin-bottom: .5rem |
15 | 14 … | $maxWidth |
16 | 15 … | |
@@ -44,9 +43,8 @@ | ||
44 | 43 … | border: none |
45 | 44 … | border-radius: 0 |
46 | 45 … | |
47 | 46 … | -empty { |
48 | - font-weight: normal | |
49 | 47 … | font-style: italic |
50 | 48 … | } |
51 | 49 … | } |
52 | 50 … | } |
@@ -93,8 +91,14 @@ | ||
93 | 91 … | background-color: #fff |
94 | 92 … | padding: 1rem |
95 | 93 … | min-height: 30rem |
96 | 94 … | outline: none |
95 … | + | |
96 … | + p, h2, h3 { | |
97 … | + :first-child { | |
98 … | + margin-top: 0 | |
99 … | + } | |
100 … | + } | |
97 | 101 … | } |
98 | 102 … | |
99 | 103 … | div.Compose { |
100 | 104 … | textarea { |
Built with git-ssb-web