26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
-
+
-
|
D.addClass(D.span(),'copy-button'),
'id','preview-copy-button'
),
previewModeLabel: D.label('preview-copy-button'),
btnSubmit: E('#pikchr-submit-preview'),
cbDarkMode: E('#flipcolors-wrapper > input[type=checkbox]'),
taContent: E('#content'),
taPreviewText: D.attr(D.textarea(), 'rows', 20, 'cols', 60,
taPreviewText: D.textarea(20,0,true),
'readonly', true),
|
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
|
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
|
+
+
+
+
+
+
+
+
+
+
+
-
+
-
+
-
+
-
+
|
P.e.markupAlignWrapper.classList[showIt ? 'remove' : 'add']('hidden');
};
f.getMarkupAlignmentClass = function(){
if(P.e.markupAlignCenter.checked) return ' center';
else if(P.e.markupAlignIndent.checked) return ' indent';
return '';
};
/* Parses P.response.raw as HTML without using innerHTML. */
f.parseResponse = function(tgt){
let childs;
if(P.response.raw){
const newNode = new DOMParser().parseFromString(P.response.raw, 'text/html');
childs = newNode.documentElement.querySelectorAll('body > *');
}else{
childs = [];
}
D.append(D.clearElement(tgt), childs);
};
}
const preTgt = this.e.previewTarget;
if(this.response.isError){
preTgt.innerHTML = this.response.raw;
f.parseResponse(preTgt);
D.addClass(preTgt, 'error');
this.e.previewModeLabel.innerText = "Error";
return;
}
D.removeClass(preTgt, 'error');
D.removeClass(this.e.previewCopyButton, 'disabled');
D.removeClass(this.e.markupAlignWrapper, 'hidden');
D.enable(this.e.previewModeToggle, this.e.markupAlignRadios);
let label;
switch(this.previewMode){
case 0:
label = "SVG";
f.showMarkupAlignment(false);
preTgt.innerHTML = this.response.raw;
f.parseResponse(preTgt);
this.e.taPreviewText.value =
this.response.raw.replace(f.rxNonce, '')/*for copy button*/;
break;
case 1:
label = "Markdown";
f.showMarkupAlignment(true);
this.e.taPreviewText.value = [
'```pikchr'+f.getMarkupAlignmentClass(),
this.response.inputText, '```'
this.response.inputText.trim(), '```'
].join('\n');
D.append(D.clearElement(preTgt), this.e.taPreviewText);
break;
case 2:
label = "Fossil wiki";
f.showMarkupAlignment(true);
this.e.taPreviewText.value = [
'<verbatim type="pikchr',
f.getMarkupAlignmentClass(),
'">', this.response.inputText, '</verbatim>'
'">', this.response.inputText.trim(), '</verbatim>'
].join('');
D.append(D.clearElement(preTgt), this.e.taPreviewText);
break;
case 3:
label = "Raw SVG";
f.showMarkupAlignment(false);
this.e.taPreviewText.value = this.response.raw.replace(f.rxNonce, '');
|