47 |
48 |
49 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
97 |
98 |
99 |
--------------------------------------------------------------------------------
/examples/css/demo.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
3 | font-size: 22px;
4 | line-height: 30px;
5 | }
6 |
7 | #container {
8 | max-width: 960px;
9 | margin: 30px auto;
10 | padding: 0 15px;
11 | }
12 |
13 | .editable {
14 | outline: none;
15 | min-height: 38px;
16 | margin: 0 0 20px 0;
17 | padding: 0 0 20px 0;
18 | }
19 |
20 | h2 {
21 | font-size: 32px;
22 | line-height: 42px;
23 | text-align: center;
24 | }
25 |
26 | h3 {
27 | font-size: 26px;
28 | line-height: 32px;
29 | }
30 |
31 | blockquote {
32 | display: block;
33 | margin: 0.5em 0 0.5em -25px;
34 | border-left: 5px solid #efefef;
35 | padding: 0.5em 20px;
36 | color: #999;
37 | }
38 |
39 | footer {
40 | border-top: 5px solid #efefef;
41 | padding-top: 30px;
42 | text-align: center;
43 | }
44 |
45 | footer a {
46 | color: #000;
47 | padding: 0 5px;
48 | }
49 |
50 | footer .fa {
51 | font-size: 2.5em;
52 | }
--------------------------------------------------------------------------------
/examples/css/normalize.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v2.1.1 | MIT License | git.io/normalize */
2 |
3 | /* ==========================================================================
4 | HTML5 display definitions
5 | ========================================================================== */
6 |
7 | /**
8 | * Correct `block` display not defined in IE 8/9.
9 | */
10 |
11 | article,
12 | aside,
13 | details,
14 | figcaption,
15 | figure,
16 | footer,
17 | header,
18 | hgroup,
19 | main,
20 | nav,
21 | section,
22 | summary {
23 | display: block;
24 | }
25 |
26 | /**
27 | * Correct `inline-block` display not defined in IE 8/9.
28 | */
29 |
30 | audio,
31 | canvas,
32 | video {
33 | display: inline-block;
34 | }
35 |
36 | /**
37 | * Prevent modern browsers from displaying `audio` without controls.
38 | * Remove excess height in iOS 5 devices.
39 | */
40 |
41 | audio:not([controls]) {
42 | display: none;
43 | height: 0;
44 | }
45 |
46 | /**
47 | * Address styling not present in IE 8/9.
48 | */
49 |
50 | [hidden] {
51 | display: none;
52 | }
53 |
54 | /* ==========================================================================
55 | Base
56 | ========================================================================== */
57 |
58 | /**
59 | * 1. Prevent system color scheme's background color being used in Firefox, IE,
60 | * and Opera.
61 | * 2. Prevent system color scheme's text color being used in Firefox, IE, and
62 | * Opera.
63 | * 3. Set default font family to sans-serif.
64 | * 4. Prevent iOS text size adjust after orientation change, without disabling
65 | * user zoom.
66 | */
67 |
68 | html {
69 | background: #fff; /* 1 */
70 | color: #000; /* 2 */
71 | font-family: sans-serif; /* 3 */
72 | -ms-text-size-adjust: 100%; /* 4 */
73 | -webkit-text-size-adjust: 100%; /* 4 */
74 | }
75 |
76 | /**
77 | * Remove default margin.
78 | */
79 |
80 | body {
81 | margin: 0;
82 | }
83 |
84 | /* ==========================================================================
85 | Links
86 | ========================================================================== */
87 |
88 | /**
89 | * Address `outline` inconsistency between Chrome and other browsers.
90 | */
91 |
92 | a:focus {
93 | outline: thin dotted;
94 | }
95 |
96 | /**
97 | * Improve readability when focused and also mouse hovered in all browsers.
98 | */
99 |
100 | a:active,
101 | a:hover {
102 | outline: 0;
103 | }
104 |
105 | /* ==========================================================================
106 | Typography
107 | ========================================================================== */
108 |
109 | /**
110 | * Address variable `h1` font-size and margin within `section` and `article`
111 | * contexts in Firefox 4+, Safari 5, and Chrome.
112 | */
113 |
114 | h1 {
115 | font-size: 2em;
116 | margin: 0.67em 0;
117 | }
118 |
119 | /**
120 | * Address styling not present in IE 8/9, Safari 5, and Chrome.
121 | */
122 |
123 | abbr[title] {
124 | border-bottom: 1px dotted;
125 | }
126 |
127 | /**
128 | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
129 | */
130 |
131 | b,
132 | strong {
133 | font-weight: bold;
134 | }
135 |
136 | /**
137 | * Address styling not present in Safari 5 and Chrome.
138 | */
139 |
140 | dfn {
141 | font-style: italic;
142 | }
143 |
144 | /**
145 | * Address differences between Firefox and other browsers.
146 | */
147 |
148 | hr {
149 | -moz-box-sizing: content-box;
150 | box-sizing: content-box;
151 | height: 0;
152 | }
153 |
154 | /**
155 | * Address styling not present in IE 8/9.
156 | */
157 |
158 | mark {
159 | background: #ff0;
160 | color: #000;
161 | }
162 |
163 | /**
164 | * Correct font family set oddly in Safari 5 and Chrome.
165 | */
166 |
167 | code,
168 | kbd,
169 | pre,
170 | samp {
171 | font-family: monospace, serif;
172 | font-size: 1em;
173 | }
174 |
175 | /**
176 | * Improve readability of pre-formatted text in all browsers.
177 | */
178 |
179 | pre {
180 | white-space: pre-wrap;
181 | }
182 |
183 | /**
184 | * Set consistent quote types.
185 | */
186 |
187 | q {
188 | quotes: "\201C" "\201D" "\2018" "\2019";
189 | }
190 |
191 | /**
192 | * Address inconsistent and variable font size in all browsers.
193 | */
194 |
195 | small {
196 | font-size: 80%;
197 | }
198 |
199 | /**
200 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
201 | */
202 |
203 | sub,
204 | sup {
205 | font-size: 75%;
206 | line-height: 0;
207 | position: relative;
208 | vertical-align: baseline;
209 | }
210 |
211 | sup {
212 | top: -0.5em;
213 | }
214 |
215 | sub {
216 | bottom: -0.25em;
217 | }
218 |
219 | /* ==========================================================================
220 | Embedded content
221 | ========================================================================== */
222 |
223 | /**
224 | * Remove border when inside `a` element in IE 8/9.
225 | */
226 |
227 | img {
228 | border: 0;
229 | }
230 |
231 | /**
232 | * Correct overflow displayed oddly in IE 9.
233 | */
234 |
235 | svg:not(:root) {
236 | overflow: hidden;
237 | }
238 |
239 | /* ==========================================================================
240 | Figures
241 | ========================================================================== */
242 |
243 | /**
244 | * Address margin not present in IE 8/9 and Safari 5.
245 | */
246 |
247 | figure {
248 | margin: 0;
249 | }
250 |
251 | /* ==========================================================================
252 | Forms
253 | ========================================================================== */
254 |
255 | /**
256 | * Define consistent border, margin, and padding.
257 | */
258 |
259 | fieldset {
260 | border: 1px solid #c0c0c0;
261 | margin: 0 2px;
262 | padding: 0.35em 0.625em 0.75em;
263 | }
264 |
265 | /**
266 | * 1. Correct `color` not being inherited in IE 8/9.
267 | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
268 | */
269 |
270 | legend {
271 | border: 0; /* 1 */
272 | padding: 0; /* 2 */
273 | }
274 |
275 | /**
276 | * 1. Correct font family not being inherited in all browsers.
277 | * 2. Correct font size not being inherited in all browsers.
278 | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
279 | */
280 |
281 | button,
282 | input,
283 | select,
284 | textarea {
285 | font-family: inherit; /* 1 */
286 | font-size: 100%; /* 2 */
287 | margin: 0; /* 3 */
288 | }
289 |
290 | /**
291 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
292 | * the UA stylesheet.
293 | */
294 |
295 | button,
296 | input {
297 | line-height: normal;
298 | }
299 |
300 | /**
301 | * Address inconsistent `text-transform` inheritance for `button` and `select`.
302 | * All other form control elements do not inherit `text-transform` values.
303 | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
304 | * Correct `select` style inheritance in Firefox 4+ and Opera.
305 | */
306 |
307 | button,
308 | select {
309 | text-transform: none;
310 | }
311 |
312 | /**
313 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
314 | * and `video` controls.
315 | * 2. Correct inability to style clickable `input` types in iOS.
316 | * 3. Improve usability and consistency of cursor style between image-type
317 | * `input` and others.
318 | */
319 |
320 | button,
321 | html input[type="button"], /* 1 */
322 | input[type="reset"],
323 | input[type="submit"] {
324 | -webkit-appearance: button; /* 2 */
325 | cursor: pointer; /* 3 */
326 | }
327 |
328 | /**
329 | * Re-set default cursor for disabled elements.
330 | */
331 |
332 | button[disabled],
333 | html input[disabled] {
334 | cursor: default;
335 | }
336 |
337 | /**
338 | * 1. Address box sizing set to `content-box` in IE 8/9.
339 | * 2. Remove excess padding in IE 8/9.
340 | */
341 |
342 | input[type="checkbox"],
343 | input[type="radio"] {
344 | box-sizing: border-box; /* 1 */
345 | padding: 0; /* 2 */
346 | }
347 |
348 | /**
349 | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
350 | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
351 | * (include `-moz` to future-proof).
352 | */
353 |
354 | input[type="search"] {
355 | -webkit-appearance: textfield; /* 1 */
356 | -moz-box-sizing: content-box;
357 | -webkit-box-sizing: content-box; /* 2 */
358 | box-sizing: content-box;
359 | }
360 |
361 | /**
362 | * Remove inner padding and search cancel button in Safari 5 and Chrome
363 | * on OS X.
364 | */
365 |
366 | input[type="search"]::-webkit-search-cancel-button,
367 | input[type="search"]::-webkit-search-decoration {
368 | -webkit-appearance: none;
369 | }
370 |
371 | /**
372 | * Remove inner padding and border in Firefox 4+.
373 | */
374 |
375 | button::-moz-focus-inner,
376 | input::-moz-focus-inner {
377 | border: 0;
378 | padding: 0;
379 | }
380 |
381 | /**
382 | * 1. Remove default vertical scrollbar in IE 8/9.
383 | * 2. Improve readability and alignment in all browsers.
384 | */
385 |
386 | textarea {
387 | overflow: auto; /* 1 */
388 | vertical-align: top; /* 2 */
389 | }
390 |
391 | /* ==========================================================================
392 | Tables
393 | ========================================================================== */
394 |
395 | /**
396 | * Remove most spacing between table cells.
397 | */
398 |
399 | table {
400 | border-collapse: collapse;
401 | border-spacing: 0;
402 | }
403 |
--------------------------------------------------------------------------------
/examples/delete.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
50 | jQuery insert plugin for MediumEditor
51 |
52 |
65 |
66 |
70 | jQuery insert plugin for MediumEditor
inside absolute container
51 |
52 | My father’s family name being Pirrip, and my Christian name Philip, my infant tongue could make of both names nothing longer or more explicit than Pip. So, I called myself Pip, and came to be called Pip.
53 | 54 |
55 |
56 | 
57 | So, I called myself Pip, and came to be called Pip.
58 |
59 |
60 |
61 |
57 | I give Pirrip as my father’s family name, on the authority of his tombstone and my sister,—Mrs. Joe Gargery, who married the blacksmith. As I never saw my father or my mother, and never saw any likeness of either of them (for their days were long before the days of photographs), my first fancies regarding what they were like were unreasonably derived from their tombstones. The shape of the letters on my father’s, gave me an odd idea that he was a square, stout, dark man, with curly black hair. From the character and turn of the inscription, “Also Georgiana Wife of the Above,” I drew a childish conclusion that my mother was freckled and sickly. To five little stone lozenges, each about a foot and a half long, which were arranged in a neat row beside their grave, and were sacred to the memory of five little brothers of mine,—who gave up trying to get a living, exceedingly early in that universal struggle,—I am indebted for a belief I religiously entertained that they had all been born on their backs with their hands in their trousers-pockets, and had never taken them out in this state of existence.
62 | 63 |Ours was the marsh country, down by the river, within, as the river wound, twenty miles of the sea. My first most vivid and broad impression of the identity of things seems to me to have been gained on a memorable raw afternoon towards evening. At such a time I found out for certain that this bleak place overgrown with nettles was the churchyard; and that Philip Pirrip, late of this parish, and also Georgiana wife of the above, were dead and buried; and that Alexander, Bartholomew, Abraham, Tobias, and Roger, infant children of the aforesaid, were also dead and buried; and that the dark flat wilderness beyond the churchyard, intersected with dikes and mounds and gates, with scattered cattle feeding on it, was the marshes; and that the low leaden line beyond was the river; and that the distant savage lair from which the wind was rushing was the sea; and that the small bundle of shivers growing afraid of it all and beginning to cry, was Pip.
64 |
34 |
35 |
36 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/examples/upload.php:
--------------------------------------------------------------------------------
1 | 'uploads/',
17 | 'upload_url' => 'uploads/',
18 | ));
--------------------------------------------------------------------------------
/examples/uploads/01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/linkesch/medium-editor-insert-plugin/d4e994c34fffa8e558af10b55e404cee37c282ec/examples/uploads/01.jpg
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "medium-editor-insert-plugin",
3 | "version": "2.5.1",
4 | "description": "jQuery insert plugin for MediumEditor",
5 | "main": "dist/js/medium-editor-insert-plugin.js",
6 | "homepage": "http://linkesch.com/medium-editor-insert-plugin",
7 | "license": "MIT",
8 | "repository": {
9 | "type": "git",
10 | "url": "https://github.com/orthes/medium-editor-insert-plugin.git"
11 | },
12 | "bugs": {
13 | "url": "https://github.com/orthes/medium-editor-insert-plugin/issues"
14 | },
15 | "author": {
16 | "name": "Pavel Linkesch",
17 | "email": "pavel.linkesch@gmail.com",
18 | "url": "http://linkesch.com"
19 | },
20 | "contributors": [
21 | {
22 | "name": "Jeremy Benoist",
23 | "email": "jeremy.benoist@gmail.com"
24 | }
25 | ],
26 | "keywords": [
27 | "contenteditable",
28 | "editor",
29 | "medium",
30 | "wysiwyg",
31 | "rich-text",
32 | "images",
33 | "embeds",
34 | "videos"
35 | ],
36 | "dependencies": {
37 | "blueimp-file-upload": "^9.28.0",
38 | "handlebars": "^4.0.12",
39 | "jquery": ">=1.9.0",
40 | "jquery-sortable": "~0.9.12",
41 | "medium-editor": "^5.15.0"
42 | },
43 | "devDependencies": {
44 | "all-contributors-cli": "^5.10.2",
45 | "grunt": "^1.0.3",
46 | "grunt-autoprefixer": "^3.0.1",
47 | "grunt-banner": "^0.6.0",
48 | "grunt-contrib-concat": "^1.0.1",
49 | "grunt-contrib-handlebars": "^1.0.0",
50 | "grunt-contrib-jasmine": "^1.2.0",
51 | "grunt-contrib-jshint": "^2.0.0",
52 | "grunt-contrib-uglify": "^4.0.0",
53 | "grunt-contrib-watch": "^1.1.0",
54 | "grunt-csso": "^2.2.4",
55 | "grunt-jscs": "^3.0.1",
56 | "grunt-sass": "^3.0.2",
57 | "grunt-template-jasmine-istanbul": "^0.5.0",
58 | "jit-grunt": "^0.10.0",
59 | "node-sass": "^4.11.0",
60 | "time-grunt": "^2.0.0"
61 | },
62 | "scripts": {
63 | "test": "grunt test --verbose",
64 | "contributors:add": "all-contributors add",
65 | "contributors:init": "all-contributors init",
66 | "contributors:check": "all-contributors check",
67 | "contributors:generate": "all-contributors generate"
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/spec/core.spec.js:
--------------------------------------------------------------------------------
1 | describe('Core', function () {
2 | beforeEach(function () {
3 | $('body').append('
37 |
52 |
53 |
57 | jQuery insert plugin for MediumEditor
38 | 39 |My father’s family name being Pirrip, and my Christian name Philip, my infant tongue could make of both names nothing longer or more explicit than Pip. So, I called myself Pip, and came to be called Pip.
40 | 41 |
42 |
43 |
44 | So, I called myself Pip, and came to be called Pip.
45 |
46 |
47 |
48 |
44 | I give Pirrip as my father’s family name, on the authority of his tombstone and my sister,—Mrs. Joe Gargery, who married the blacksmith. As I never saw my father or my mother, and never saw any likeness of either of them (for their days were long before the days of photographs), my first fancies regarding what they were like were unreasonably derived from their tombstones. The shape of the letters on my father’s, gave me an odd idea that he was a square, stout, dark man, with curly black hair. From the character and turn of the inscription, “Also Georgiana Wife of the Above,” I drew a childish conclusion that my mother was freckled and sickly. To five little stone lozenges, each about a foot and a half long, which were arranged in a neat row beside their grave, and were sacred to the memory of five little brothers of mine,—who gave up trying to get a living, exceedingly early in that universal struggle,—I am indebted for a belief I religiously entertained that they had all been born on their backs with their hands in their trousers-pockets, and had never taken them out in this state of existence.
49 | 50 |Ours was the marsh country, down by the river, within, as the river wound, twenty miles of the sea. My first most vivid and broad impression of the identity of things seems to me to have been gained on a memorable raw afternoon towards evening. At such a time I found out for certain that this bleak place overgrown with nettles was the churchyard; and that Philip Pirrip, late of this parish, and also Georgiana wife of the above, were dead and buried; and that Alexander, Bartholomew, Abraham, Tobias, and Roger, infant children of the aforesaid, were also dead and buried; and that the dark flat wilderness beyond the churchyard, intersected with dikes and mounds and gates, with scattered cattle feeding on it, was the marshes; and that the low leaden line beyond was the river; and that the distant savage lair from which the wind was rushing was the sea; and that the small bundle of shivers growing afraid of it all and beginning to cry, was Pip.
51 |');
4 | this.$el = $('.editable');
5 |
6 | jasmine.clock().install();
7 | });
8 |
9 | afterEach(function () {
10 | $('#fixtures').remove();
11 |
12 | jasmine.clock().uninstall();
13 | });
14 |
15 | it('initializes plugin', function () {
16 | this.$el.mediumInsert();
17 |
18 | expect(this.$el.hasClass('medium-editor-insert-plugin')).toBe(true);
19 | });
20 |
21 | it('initializes plugin on a textarea', function () {
22 | var textareaId;
23 |
24 | $('#fixtures').html('');
25 | this.$el = $('#textarea');
26 |
27 | this.$el.mediumInsert();
28 | textareaId = this.$el.attr('medium-editor-textarea-id');
29 |
30 | expect(this.$el.hasClass('medium-editor-insert-plugin')).toBe(false);
31 | expect(this.$el.siblings('[medium-editor-textarea-id="' + textareaId + '"]').hasClass('medium-editor-insert-plugin')).toBe(true);
32 | });
33 |
34 | it('initializes addons', function () {
35 | spyOn($.fn, 'mediumInsertImages');
36 |
37 | this.$el.data('plugin_mediumInsertImages', {
38 | options: {}
39 | });
40 | this.$el.mediumInsert();
41 |
42 | expect($.fn.mediumInsertImages.calls.count()).toEqual(1);
43 | });
44 |
45 | it('does nothing if there is no addon selected', function () {
46 | this.$el.mediumInsert({
47 | addons: false
48 | });
49 |
50 | expect(this.$el.html()).toBe('');
51 | });
52 |
53 | it('adds empty paragraph if there is no content', function () {
54 | this.$el.mediumInsert();
55 |
56 | expect(this.$el.find('p').length).toEqual(1);
57 | });
58 |
59 | it('wraps
into paragraph', function () { 60 | this.$el.html('
'); 61 | 62 | this.$el.mediumInsert(); 63 | 64 | expect(this.$el.find('p').length).toEqual(1); 65 | expect(this.$el.find('br').length).toEqual(1); 66 | }); 67 | 68 | it('wraps text content into paragraph', function () { 69 | this.$el.html('text'); 70 | 71 | this.$el.mediumInsert(); 72 | 73 | expect(this.$el.find('p').length).toEqual(1); 74 | }); 75 | 76 | it('adds empty paragraph at the end if the last element is an addon element', function () { 77 | this.$el.html(''); 78 | 79 | this.$el.mediumInsert(); 80 | 81 | expect(this.$el.find('.medium-insert-images').next().is('p')).toBe(true); 82 | }); 83 | 84 | it('adds plugin\'s buttons to the $el', function () { 85 | this.$el.mediumInsert(); 86 | 87 | expect(this.$el.find('.medium-insert-buttons').length).toEqual(1); 88 | }); 89 | 90 | it('shows plugin\'s buttons after clicking on empty paragraph', function () { 91 | this.$el.html('
test
'); 92 | 93 | this.$el.mediumInsert(); 94 | 95 | // Place caret at the beginning of #paragraph 96 | placeCaret(document.getElementById('paragraph'), 0); 97 | 98 | this.$el.find('#paragraph').click(); 99 | jasmine.clock().tick(1); 100 | 101 | expect(this.$el.find('.medium-insert-buttons').css('display')).toBe('block'); 102 | expect(this.$el.find('#paragraph').hasClass('medium-insert-active')).toBe(true); 103 | expect(this.$el.find('#paragraph2').hasClass('medium-insert-active')).toBe(false); 104 | }); 105 | 106 | it('shows only addon button after clicking on addon paragraph', function () { 107 | this.$el.html('
test
'); 108 | 109 | this.$el.mediumInsert(); 110 | 111 | // Place caret at the beginning of #paragraph 112 | placeCaret(document.getElementById('paragraph'), 0); 113 | 114 | this.$el.find('#paragraph').click(); 115 | jasmine.clock().tick(101); 116 | 117 | expect(this.$el.find('.medium-insert-buttons').css('display')).toBe('block'); 118 | expect(this.$el.find('.medium-insert-buttons button[data-addon="embeds"]').parent().css('display')).toBe('none'); 119 | }); 120 | 121 | it('hides plugin\'s buttons after clicking on non-empty paragraph', function () { 122 | this.$el.html('
test
'); 123 | 124 | this.$el.mediumInsert(); 125 | 126 | // Place caret at the beginning of #paragraph 127 | placeCaret(document.getElementById('paragraph2'), 0); 128 | 129 | this.$el.find('#paragraph2').click(); 130 | 131 | expect(this.$el.find('.medium-insert-buttons').css('display')).toBe('none'); 132 | }); 133 | 134 | it('toggles addons buttons after clicking on show button', function () { 135 | this.$el.html('
test
'); 136 | 137 | this.$el.mediumInsert(); 138 | 139 | // Place caret at the beginning of #paragraph 140 | placeCaret(document.getElementById('paragraph'), 0); 141 | 142 | this.$el.find('#paragraph').click(); 143 | this.$el.find('.medium-insert-buttons-show').click(); 144 | 145 | expect(this.$el.find('.medium-insert-buttons-addons').css('display')).toBe('block'); 146 | expect(this.$el.find('.medium-insert-buttons-show').hasClass('medium-insert-buttons-rotate')).toBe(true); 147 | 148 | this.$el.find('.medium-insert-buttons-show').click(); 149 | 150 | expect(!this.$el.find('.medium-insert-buttons-show').hasClass('medium-insert-buttons-rotate')).toBe(true); 151 | }); 152 | 153 | it('calls addon\'s add function if addon\'s button is clicked', function () { 154 | var addonInstance; 155 | 156 | this.$el.html('
test
'); 157 | 158 | this.$el.mediumInsert({ 159 | addons: { 160 | embeds: false 161 | } 162 | }); 163 | addonInstance = this.$el.data('plugin_mediumInsertImages'); 164 | 165 | spyOn(addonInstance, 'add'); 166 | 167 | // Place caret at the beginning of #paragraph 168 | placeCaret(document.getElementById('paragraph'), 0); 169 | 170 | this.$el.find('#paragraph').click(); 171 | this.$el.find('.medium-insert-buttons-show').click(); 172 | this.$el.find('.medium-insert-action').click(); 173 | 174 | expect(addonInstance.add.calls.count()).toBe(1); 175 | }); 176 | 177 | it('removes also plugin buttons on serialization', function () { 178 | var editor = new MediumEditor('.editable'); 179 | 180 | this.$el.mediumInsert({ 181 | editor: editor 182 | }); 183 | 184 | expect(editor.serialize()['element-0'].value).toBe('asd
'); 232 | 233 | editor.getExtensionByName('placeholder').updatePlaceholder(this.$el.get(0)); 234 | 235 | expect(this.$el.hasClass('medium-editor-placeholder')).toBe(false); 236 | }); 237 | }); 238 | -------------------------------------------------------------------------------- /spec/embeds.spec.js: -------------------------------------------------------------------------------- 1 | describe('Embeds addon', function () { 2 | beforeEach(function () { 3 | $('body').append('');
4 | this.$el = $('.editable');
5 | this.editor = new MediumEditor(this.$el.get(0));
6 | this.$el.mediumInsert({
7 | editor: this.editor,
8 | addons: {
9 | embeds: {
10 | oembedProxy: false,
11 | parseOnPaste: true
12 | }
13 | }
14 | });
15 | this.addon = this.$el.data('plugin_mediumInsertEmbeds');
16 |
17 | jasmine.clock().install();
18 | });
19 |
20 | afterEach(function () {
21 | $('#fixtures').remove();
22 |
23 | jasmine.clock().uninstall();
24 | });
25 |
26 | it('toggles placeholder', function () {
27 | var $p = this.$el.find('p').first();
28 |
29 | this.$el.append('
');
71 | this.$el = $('.editable');
72 | this.$el.mediumInsert({
73 | addons: {
74 | embeds: {
75 | captions: false
76 | }
77 | }
78 | });
79 |
80 | this.$el.find('img').click();
81 | jasmine.clock().tick(50);
82 |
83 | expect(this.$el.find('figcaption').length).toEqual(0);
84 | });
85 |
86 | it('removes placeholder after clicking on caption', function () {
87 | this.$el.prepend('');
91 |
92 | this.$el.find('.medium-insert-caption-placeholder').click();
93 | jasmine.clock().tick(50);
94 |
95 | expect(this.$el.find('figcaption').hasClass('medium-insert-caption-placeholder')).toBe(false);
96 | });
97 |
98 | it('supports unselecting embed', function () {
99 | this.$el.prepend('');
100 | this.$el.click();
101 |
102 | expect(this.$el.find('.medium-insert-embeds').hasClass('medium-insert-embeds-selected')).toBe(false);
103 | expect($('.medium-insert-embeds-toolbar').length).toEqual(0);
104 | expect($('.medium-insert-embeds-toolbar2').length).toEqual(0);
105 | expect(this.$el.find('figcaption').length).toEqual(0);
106 | });
107 |
108 | it('removes embed on backspace', function () {
109 | var $event = $.Event('keydown');
110 |
111 | $event.which = 8;
112 |
113 | this.$el.prepend('');
114 | this.$el.trigger($event);
115 |
116 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(0);
117 | expect($('.medium-insert-embeds-toolbar').length).toEqual(0);
118 | });
119 |
120 | it('triggers input event after removing embed ', function (done) {
121 | var $event = $.Event('keydown');
122 |
123 | this.editor.subscribe('editableInput', function () {
124 | expect(true).toBe(true);
125 | done();
126 | });
127 |
128 | $event.which = 8;
129 |
130 | this.$el.prepend('');
131 |
132 | this.$el.trigger($event);
133 | });
134 |
135 | it('supports chaning embed style', function () {
136 | var $embed;
137 |
138 | this.$el.prepend('');
139 | $embed = this.$el.find('.medium-insert-embeds');
140 |
141 | $embed.find('.medium-insert-embeds-overlay').click();
142 | jasmine.clock().tick(50);
143 |
144 | $('.medium-insert-embeds-toolbar .medium-editor-action').first().click();
145 |
146 | expect($embed.hasClass('medium-insert-embeds-wide')).toBe(true);
147 | expect($embed.hasClass('medium-insert-embeds-left')).toBe(false);
148 | });
149 |
150 | it('triggers input event after changing embed style ', function (done) {
151 | this.$el.prepend('');
152 |
153 | this.editor.subscribe('editableInput', function () {
154 | expect(true).toBe(true);
155 | done();
156 | });
157 |
158 | this.$el.find('.medium-insert-embeds-overlay').click();
159 | jasmine.clock().tick(50);
160 |
161 | $('.medium-insert-embeds-toolbar .medium-editor-action').first().click();
162 | });
163 |
164 | it('choosing embed style calls callback function', function (done) {
165 | this.addon.options.styles.wide.added = function () {
166 | expect(true).toBe(true);
167 | done();
168 | };
169 |
170 | this.$el.prepend('');
171 |
172 | // Place caret into first paragraph
173 | placeCaret(this.$el.find('p').get(0), 0);
174 |
175 | this.$el.find('.medium-insert-embeds-overlay').click();
176 | jasmine.clock().tick(50);
177 |
178 | $('.medium-insert-embeds-toolbar .medium-editor-action').first().click();
179 | });
180 |
181 | it('calls callback function after clicking on embed action ', function (done) {
182 | this.addon.options.actions.remove.clicked = function () {
183 | expect(true).toBe(true);
184 | done();
185 | };
186 |
187 | this.$el.prepend('');
188 |
189 | // Place caret into first paragraph
190 | placeCaret(this.$el.find('p').get(0), 0);
191 |
192 | this.$el.find('.medium-insert-embeds-overlay').click();
193 | jasmine.clock().tick(50);
194 |
195 | $('.medium-insert-embeds-toolbar2 .medium-editor-action').first().click();
196 | });
197 |
198 | it('maintains backwards compatibility', function () {
199 | $('#fixtures').html('
');
200 | this.$el = $('.editable');
201 |
202 | this.$el.mediumInsert();
203 |
204 | expect(this.$el.find('.medium-insert-embeds .medium-insert-embed iframe').length).toEqual(1);
205 | });
206 |
207 | it('supports embedding youtube', function () {
208 | var $event = $.Event('keydown');
209 |
210 | $event.which = 13;
211 | $('#fixtures').html('
');
212 | this.$el = $('.editable');
213 | this.$el.mediumInsert({
214 | addons: {
215 | embeds: {
216 | oembedProxy: false
217 | }
218 | }
219 | });
220 | this.$el.trigger($event);
221 |
222 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1);
223 | expect(this.$el.find('.medium-insert-embeds iframe').length).toEqual(1);
224 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
225 | });
226 |
227 | it('supports embedding youtube via paste', function () {
228 | var e = {
229 | originalEvent: {
230 | clipboardData: {
231 | getData: function () {
232 | return 'https://www.youtube.com/watch?v=BROWqjuTM0g';
233 | }
234 | }
235 | }
236 | };
237 | this.$el = $('.editable');
238 | this.$el.append($('
https://www.youtube.com/watch?v=BROWqjuTM0g
')); 239 | this.addon.processPasted(e); 240 | 241 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1); 242 | expect(this.$el.find('.medium-insert-embeds iframe').length).toEqual(1); 243 | }); 244 | 245 | it('supports embedding vimeo', function () { 246 | var $event = $.Event('keydown'); 247 | 248 | $event.which = 13; 249 | $('#fixtures').html('');
250 | this.$el = $('.editable');
251 | this.$el.mediumInsert({
252 | addons: {
253 | embeds: {
254 | oembedProxy: false
255 | }
256 | }
257 | });
258 | this.$el.trigger($event);
259 |
260 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1);
261 | expect(this.$el.find('.medium-insert-embeds iframe').length).toEqual(1);
262 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
263 | });
264 |
265 | it('supports embedding vimeo via paste', function () {
266 | var e = {
267 | originalEvent: {
268 | clipboardData: {
269 | getData: function () {
270 | return 'http://vimeo.com/2619976';
271 | }
272 | }
273 | }
274 | };
275 | this.$el = $('.editable');
276 | this.$el.append($('
http://vimeo.com/2619976
')); 277 | this.addon.processPasted(e); 278 | 279 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1); 280 | expect(this.$el.find('.medium-insert-embeds iframe').length).toEqual(1); 281 | }); 282 | 283 | it('support embedding instagram', function () { 284 | var $event = $.Event('keydown'); 285 | 286 | $event.which = 13; 287 | $('#fixtures').html('');
288 | this.$el = $('.editable');
289 | this.$el.mediumInsert({
290 | addons: {
291 | embeds: {
292 | oembedProxy: false
293 | }
294 | }
295 | });
296 | this.$el.trigger($event);
297 |
298 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1);
299 | expect(this.$el.find('.medium-insert-embeds iframe').length).toEqual(1);
300 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
301 | });
302 |
303 | it('support embedding twitter', function () {
304 | var $event = $.Event('keydown');
305 |
306 | $event.which = 13;
307 | $('#fixtures').html('
');
308 | this.$el = $('.editable');
309 | this.$el.mediumInsert({
310 | addons: {
311 | embeds: {
312 | oembedProxy: false
313 | }
314 | }
315 | });
316 | this.$el.trigger($event);
317 |
318 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1);
319 | expect(this.$el.find('.medium-insert-embeds .twitter-tweet').length).toEqual(1);
320 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
321 | });
322 |
323 | it('support embedding facebook', function () {
324 | var $event = $.Event('keydown');
325 |
326 | $event.which = 13;
327 | $('#fixtures').html('
');
328 | this.$el = $('.editable');
329 | this.$el.mediumInsert({
330 | addons: {
331 | embeds: {
332 | oembedProxy: false
333 | }
334 | }
335 | });
336 | this.$el.trigger($event);
337 |
338 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1);
339 | expect(this.$el.find('.medium-insert-embeds .fb-post').length).toEqual(1);
340 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
341 | });
342 |
343 | it('converts bad embed into text', function () {
344 | var $event = $.Event('keydown');
345 |
346 | $event.which = 13;
347 | $('#fixtures').html('
');
348 | this.$el = $('.editable');
349 | this.$el.mediumInsert({
350 | addons: {
351 | embeds: {
352 | oembedProxy: false
353 | }
354 | }
355 | });
356 | this.$el.trigger($event);
357 |
358 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
359 | expect(this.$el.find('p:first').html()).toBe('test');
360 | });
361 |
362 | it('support disabling style toolbar', function () {
363 | this.addon.options.styles = false;
364 |
365 | this.$el.prepend('');
366 |
367 | this.$el.find('.medium-insert-embeds-overlay').click();
368 | jasmine.clock().tick(50);
369 |
370 | expect($('.medium-insert-embeds-toolbar').length).toEqual(0);
371 | expect($('.medium-insert-embeds-toolbar2').length).toEqual(1);
372 | });
373 |
374 | it('support disabling action toolbar', function () {
375 | this.addon.options.actions = false;
376 |
377 | this.$el.prepend('');
378 |
379 | this.$el.find('.medium-insert-embeds-overlay').click();
380 | jasmine.clock().tick(50);
381 |
382 | expect($('.medium-insert-embeds-toolbar').length).toEqual(1);
383 | expect($('.medium-insert-embeds-toolbar2').length).toEqual(0);
384 | });
385 |
386 | it('adds contentediable attr and overlay on initialization', function () {
387 | $('#fixtures').html('
');
388 | this.$el = $('.editable');
389 |
390 | this.$el.mediumInsert({
391 | addons: {
392 | embeds: {}
393 | }
394 | });
395 |
396 | expect(this.$el.find('.medium-insert-embeds').attr('contenteditable')).toBe('false');
397 | expect(this.$el.find('.medium-insert-embeds .medium-insert-embeds-overlay').length).toEqual(1);
398 | });
399 |
400 | it('removes also contenteditable attr and ovelay on editor\'s serialize', function () {
401 | var html = '',
402 | editor, $serialized;
403 |
404 | $('#fixtures').html('
' + html + '
');
405 | this.$el = $('.editable');
406 |
407 | editor = new MediumEditor(this.$el.get(0));
408 |
409 | this.$el.mediumInsert({
410 | editor: editor,
411 | addons: {
412 | embeds: {}
413 | }
414 | });
415 |
416 | $serialized = $(editor.serialize()['element-0'].value);
417 | expect($serialized.find('.medium-insert-embeds').attr('contenteditable')).toBeUndefined();
418 | expect($serialized.find('.medium-insert-embeds-overlay').length).toEqual(0);
419 | });
420 |
421 | it('uses data-embed-code as container html for javascript-based embeds', function () {
422 | var html = '',
423 | editor, $serialized;
424 |
425 | $('#fixtures').html('' + html + '
');
426 | this.$el = $('.editable');
427 |
428 | editor = new MediumEditor(this.$el.get(0));
429 |
430 | this.$el.mediumInsert({
431 | editor: editor,
432 | addons: {
433 | embeds: {}
434 | }
435 | });
436 |
437 | $serialized = $(editor.serialize()['element-0'].value);
438 | expect($serialized.find('[data-embed-code]').html()).toEqual('good-value'); 439 | }); 440 | 441 | it('does include meta when storeMeta is set', function () { 442 | var $event = $.Event('keydown'); 443 | 444 | $event.which = 13; 445 | $('#fixtures').html('
');
446 | this.$el = $('.editable');
447 | this.$el.mediumInsert({
448 | addons: {
449 | embeds: {
450 | oembedProxy: false,
451 | storeMeta: true
452 | }
453 | }
454 | });
455 | this.$el.trigger($event);
456 |
457 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1);
458 | expect(this.$el.find('.medium-insert-embeds .fb-post').length).toEqual(1);
459 | expect(this.$el.find('.medium-insert-embeds-meta').length).toEqual(1);
460 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
461 | });
462 |
463 | it('does not include meta when storeMeta is not set', function () {
464 | var $event = $.Event('keydown');
465 |
466 | $event.which = 13;
467 | $('#fixtures').html('
');
468 | this.$el = $('.editable');
469 | this.$el.mediumInsert({
470 | addons: {
471 | embeds: {
472 | oembedProxy: false,
473 | storeMeta: false
474 | }
475 | }
476 | });
477 | this.$el.trigger($event);
478 |
479 | expect(this.$el.find('.medium-insert-embeds').length).toEqual(1);
480 | expect(this.$el.find('.medium-insert-embeds .fb-post').length).toEqual(1);
481 | expect(this.$el.find('.medium-insert-embeds-meta').length).toEqual(0);
482 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
483 | });
484 |
485 | it('does not include meta for bad embeds', function () {
486 | var $event = $.Event('keydown');
487 |
488 | $event.which = 13;
489 | $('#fixtures').html('
');
490 | this.$el = $('.editable');
491 |
492 | this.$el.mediumInsert({
493 | addons: {
494 | embeds: {
495 | oembedProxy: false,
496 | storeMeta: true
497 | }
498 | }
499 | });
500 | this.$el.trigger($event);
501 |
502 | expect(this.$el.find('.medium-insert-embeds-input').length).toEqual(0);
503 | expect(this.$el.find('.medium-insert-embeds-meta').length).toEqual(0);
504 | expect(this.$el.find('p:first').html()).toBe('test');
505 | });
506 |
507 |
508 | });
509 |
--------------------------------------------------------------------------------
/spec/helpers/util.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Placing caret to element and selected position
3 | *
4 | * @param {Element} el
5 | * @param {integer} position
6 | * @return {void}
7 | */
8 |
9 | function placeCaret(el, position) {
10 | var range, sel;
11 |
12 | range = document.createRange();
13 | sel = window.getSelection();
14 | range.setStart(el.childNodes[0], position);
15 | range.collapse(true);
16 | sel.removeAllRanges();
17 | sel.addRange(range);
18 | }
19 |
20 | // https://gist.github.com/davoclavo/4424731
21 | function dataURItoBlob(dataURI) {
22 | // convert base64 to raw binary data held in a string
23 | var byteString = atob(dataURI.split(',')[1]),
24 | // separate out the mime component
25 | mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0],
26 | // write the bytes of the string to an ArrayBuffer
27 | arrayBuffer = new ArrayBuffer(byteString.length),
28 | _ia = new Uint8Array(arrayBuffer),
29 | i, dataView, blob;
30 |
31 | for (i = 0; i < byteString.length; i++) {
32 | _ia[i] = byteString.charCodeAt(i);
33 | }
34 |
35 | dataView = new DataView(arrayBuffer);
36 | blob = new Blob([dataView], { type: mimeString });
37 |
38 | return blob;
39 | }
40 |
--------------------------------------------------------------------------------
/spec/images.spec.js:
--------------------------------------------------------------------------------
1 | describe('Images addon', function () {
2 | beforeEach(function () {
3 | $('body').append('
');
4 | this.$el = $('.editable');
5 | this.editor = new MediumEditor(this.$el.get(0));
6 | this.$el.mediumInsert({
7 | editor: this.editor
8 | });
9 | this.addon = this.$el.data('plugin_mediumInsertImages');
10 |
11 | jasmine.clock().install();
12 | });
13 |
14 | afterEach(function () {
15 | $('#fixtures').remove();
16 |
17 | jasmine.clock().uninstall();
18 | });
19 |
20 | it('creates preview image before upload', function (done) {
21 | var $p = this.$el.find('p');
22 |
23 | placeCaret($p.get(0), 0);
24 | $p.click();
25 |
26 | this.addon.uploadAdd(null, {
27 | autoUpload: true,
28 | files: [dataURItoBlob('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=')],
29 | submit: function () {
30 | expect(this.$el.find('.medium-insert-images').length).toEqual(1);
31 | expect(this.$el.find('.medium-insert-images img').length).toEqual(1);
32 | expect(this.$el.find('.medium-insert-images .medium-insert-images-progress').length).toEqual(1);
33 | expect(this.$el.find('.medium-insert-images img').attr('src').match(/^(data|blob):/)).toBeTruthy();
34 | done();
35 | }.bind(this),
36 | process: function () {
37 | return this;
38 | },
39 | done: function (callback) {
40 | callback();
41 | }
42 | });
43 | });
44 |
45 | it('replaces preview by uploaded image', function () {
46 | var stubbedImage = jasmine.createSpy('image');
47 | spyOn(this.addon, 'getDOMImage').and.returnValue(stubbedImage);
48 | this.$el.prepend('
' +
101 | '
');
104 |
105 | this.addon.uploadAdd(null, {
106 | autoUpload: true,
107 | files: [new Blob([''], { type: 'image/jpeg' })],
108 | submit: function () {
109 | this.addon.uploadDone(null, {
110 | result: {
111 | files: [
112 | { url: 'test.jpg' }
113 | ]
114 | }
115 | });
116 |
117 | expect(this.$el.find('.medium-insert-images').hasClass('medium-insert-images-grid')).toBe(true);
118 | done();
119 | }.bind(this),
120 | process: function () {
121 | return this;
122 | },
123 | done: function (callback) {
124 | callback();
125 | }
126 | });
127 | });
128 |
129 | it('doesn\'t add grid when not enough images are in a set', function (done) {
130 | this.addon.options.preview = false;
131 | this.$el.prepend('' +
132 | '
');
134 |
135 | this.addon.uploadAdd(null, {
136 | autoUpload: true,
137 | files: [new Blob([''], { type: 'image/jpeg' })],
138 | submit: function () {
139 | this.addon.uploadDone(null, {
140 | result: {
141 | files: [
142 | { url: 'test.jpg' }
143 | ]
144 | }
145 | });
146 |
147 | expect(this.$el.find('.medium-insert-images').hasClass('medium-insert-images-grid')).toBe(false);
148 | done();
149 | }.bind(this),
150 | process: function () {
151 | return this;
152 | },
153 | done: function (callback) {
154 | callback();
155 | }
156 | });
157 | });
158 |
159 | it('triggers input event on showImage', function (done) {
160 | this.editor.subscribe('editableInput', function () {
161 | expect(true).toBe(true);
162 | done();
163 | });
164 |
165 | this.addon.showImage(null, {
166 | submit: function () { }
167 | });
168 | });
169 |
170 | it('triggers input event twice on showImage for preview', function (done) {
171 | var inputTriggerCount = 0,
172 | stubbedImage = jasmine.createSpy('image'),
173 | context = this.$el.prepend('' +
174 | '
');
176 |
177 | spyOn(this.addon, 'getDOMImage').and.returnValue(stubbedImage);
178 |
179 | this.editor.subscribe('editableInput', function () {
180 | inputTriggerCount++;
181 |
182 | if (inputTriggerCount === 2) {
183 | expect(true).toBe(true);
184 | done();
185 | }
186 | });
187 |
188 | this.addon.showImage('http://image.co', {
189 | context: context
190 | });
191 | stubbedImage.onload();
192 | });
193 |
194 | it('calls uploadCompleted when preview is enabled', function (done) {
195 | var stubbedImage = jasmine.createSpy('image'),
196 | context = this.$el.prepend('' +
197 | '
');
199 |
200 | spyOn(this.addon, 'getDOMImage').and.returnValue(stubbedImage);
201 |
202 | this.addon.options.uploadCompleted = function () {
203 | expect(true).toBe(true);
204 | done();
205 | };
206 |
207 | this.addon.showImage('http://image.co', {
208 | context: context
209 | });
210 | stubbedImage.onload();
211 | });
212 |
213 | it('calls uploadCompleted when preview is disabled', function (done) {
214 | this.addon.options.preview = false;
215 |
216 | this.addon.options.uploadCompleted = function () {
217 | expect(true).toBe(true);
218 | done();
219 | };
220 |
221 | this.addon.showImage(null, {
222 | submit: function () { }
223 | });
224 | });
225 |
226 | it('supports selecting image', function () {
227 | this.$el.find('p')
228 | .addClass('medium-insert-images')
229 | .append('
is wrapped in to avoid Firefox problems 182 | $place.html(this.templates['src/js/templates/core-empty-line.hbs']().trim()); 183 | 184 | // Replace paragraph with div to prevent #124 issue with pasting in Chrome, 185 | // because medium editor wraps inserted content into paragraph and paragraphs can't be nested 186 | if ($place.is('p')) { 187 | $place.replaceWith('
' + $place.html() + '
');
188 | $place = this.$el.find('.medium-insert-active');
189 | this.core.moveCaret($place);
190 | }
191 |
192 | $place.addClass('medium-insert-embeds medium-insert-embeds-input medium-insert-embeds-active');
193 |
194 | this.togglePlaceholder({ target: $place.get(0) });
195 |
196 | $place.click();
197 | this.core.hideButtons();
198 | };
199 |
200 | /**
201 | * Toggles placeholder
202 | *
203 | * @param {Event} e
204 | * @return {void}
205 | */
206 |
207 | Embeds.prototype.togglePlaceholder = function (e) {
208 | var $place = $(e.target),
209 | selection = window.getSelection(),
210 | range, $current, text;
211 |
212 | if (!selection || selection.rangeCount === 0) {
213 | return;
214 | }
215 |
216 | range = selection.getRangeAt(0);
217 | $current = $(range.commonAncestorContainer);
218 |
219 | if ($current.hasClass('medium-insert-embeds-active')) {
220 | $place = $current;
221 | } else if ($current.closest('.medium-insert-embeds-active').length) {
222 | $place = $current.closest('.medium-insert-embeds-active');
223 | }
224 |
225 | if ($place.hasClass('medium-insert-embeds-active')) {
226 |
227 | text = $place.text().trim();
228 |
229 | if (text === '' && $place.hasClass('medium-insert-embeds-placeholder') === false) {
230 | $place
231 | .addClass('medium-insert-embeds-placeholder')
232 | .attr('data-placeholder', this.options.placeholder);
233 | } else if (text !== '' && $place.hasClass('medium-insert-embeds-placeholder')) {
234 | $place
235 | .removeClass('medium-insert-embeds-placeholder')
236 | .removeAttr('data-placeholder');
237 | }
238 |
239 | } else {
240 | this.$el.find('.medium-insert-embeds-active').remove();
241 | }
242 | };
243 |
244 | /**
245 | * Right click on placeholder in Chrome selects whole line. Fix this by placing caret at the end of line
246 | *
247 | * @param {Event} e
248 | * @return {void}
249 | */
250 |
251 | Embeds.prototype.fixRightClickOnPlaceholder = function (e) {
252 | this.core.moveCaret($(e.target));
253 | };
254 |
255 | /**
256 | * Process link
257 | *
258 | * @param {Event} e
259 | * @return {void}
260 | */
261 |
262 | Embeds.prototype.processLink = function (e) {
263 | var $place = this.$el.find('.medium-insert-embeds-active'),
264 | url;
265 |
266 | if (!$place.length) {
267 | return;
268 | }
269 |
270 | url = $place.text().trim();
271 |
272 | // Return empty placeholder on backspace, delete or enter
273 | if (url === '' && [8, 46, 13].indexOf(e.which) !== -1) {
274 | $place.remove();
275 | return;
276 | }
277 |
278 | if (e.which === 13) {
279 | e.preventDefault();
280 | e.stopPropagation();
281 |
282 | if (this.options.oembedProxy) {
283 | this.oembed(url);
284 | } else {
285 | this.parseUrl(url);
286 | }
287 | }
288 | };
289 |
290 | /**
291 | * Process Pasted
292 | *
293 | * @param {Event} e
294 | * @return {void}
295 | */
296 |
297 | Embeds.prototype.processPasted = function (e) {
298 | var pastedUrl, linkRegEx;
299 | if ($(".medium-insert-embeds-active").length) {
300 | return;
301 | }
302 |
303 | pastedUrl = e.originalEvent.clipboardData.getData('text');
304 | linkRegEx = new RegExp('^(http(s?):)?\/\/','i');
305 | if (linkRegEx.test(pastedUrl)) {
306 | if (this.options.oembedProxy) {
307 | this.oembed(pastedUrl, true);
308 | } else {
309 | this.parseUrl(pastedUrl, true);
310 | }
311 | }
312 | };
313 |
314 | /**
315 | * Get HTML via oEmbed proxy
316 | *
317 | * @param {string} url
318 | * @return {void}
319 | */
320 |
321 | Embeds.prototype.oembed = function (url, pasted) {
322 | var that = this;
323 |
324 | $.support.cors = true;
325 |
326 | $.ajax({
327 | crossDomain: true,
328 | cache: false,
329 | url: this.options.oembedProxy,
330 | dataType: 'json',
331 | data: {
332 | url: url
333 | },
334 | success: function (data) {
335 | var html = data && data.html;
336 |
337 | if (that.options.storeMeta) {
338 | html += '';
339 | }
340 |
341 | if (data && !html && data.type === 'photo' && data.url) {
342 | html = '