Skip to content

Commit

Permalink
Clean up processText and escape special characters
Browse files Browse the repository at this point in the history 
Fixes #1

Escape < > and & characters.

Remove duplicates from processText and organize by function.
  • Loading branch information
@Dibasic
Dibasic committed Aug 30, 2018
1 parent d813843 commit 9e14ed1
Showing 1 changed file with 74 additions and 59 deletions.
133 changes: 74 additions & 59 deletions pen.js
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
$(document).ready(function() {
run();
$('#input').bind('input change', run);
run();
$('#input').bind('input change', run);

$('#save').click(function() { download('pencode.txt', $('#input').val()) });
$('#save').click(function() { download('pencode.txt', $('#input').val()) });
});

function run() {
$('#output').html(processText($('#input').val() + '[field]'));
$('#output span.startLarge').nextUntil('#output span.endLarge').addBack().css('font-size', '21');
$('#output span.startSmall').nextUntil('#output span.endSmall').addBack().css('font-size', '11');
$('#output span.sig').css('font-style', 'italic');
$('#output').html(processText($('#input').val() + '[field]'));
$('#output span.startLarge').nextUntil('#output span.endLarge').addBack().css('font-size', '21');
$('#output span.startSmall').nextUntil('#output span.endSmall').addBack().css('font-size', '11');
$('#output span.sig').css('font-style', 'italic');
}

String.prototype.replaceAll = function(strReplace, strWith) {
Expand All @@ -20,64 +20,79 @@ String.prototype.replaceAll = function(strReplace, strWith) {
};

function processText(str) {
str = (str.replaceAll('\n', '<BR>')
.replaceAll('[center]', '<center>')
.replaceAll('[/center]', '</center>')
.replaceAll('[br]', '<BR>')
.replaceAll('[b]', '<B>')
.replaceAll('[/b]', '</B>')
.replaceAll('[i]', '<I>')
.replaceAll('[/i]', '</I>')
.replaceAll('[u]', '<U>')
.replaceAll('[/u]', '</U>')
.replaceAll('[time]', getTimeString())
.replaceAll('[date]', getDateString())
.replaceAll('[large]', '<span class="startLarge"></span><span>')
.replaceAll('[/large]', '</span><span class="endLarge"></span>')
.replaceAll('[large]', '<span class="startLarge"></span><span>')
.replaceAll('[/large]', '</span><span class="endLarge"></span>')
.replaceAll('[field]', '<span class="paper_field"></span>')
.replaceAll('[h1]', '<H1>')
.replaceAll('[/h1]', '</H1>')
.replaceAll('[h2]', '<H2>')
.replaceAll('[/h2]', '</H2>')
.replaceAll('[h3]', '<H3>')
.replaceAll('[/h3]', '</H3>')
.replaceAll('[*]', '<li>')
.replaceAll('[hr]', '<HR>')
.replaceAll('[small]', '<span class="startSmall"></span><span>')
.replaceAll('[/small]', '</span><span class="endSmall"></span>')
.replaceAll('[list]', '<ul>')
.replaceAll('[/list]', '</ul>')
.replaceAll('[table]', '<table border=1 cellspacing=0 cellpadding=3 style="border: 1px solid black;">')
.replaceAll('[/table]', '</td></tr></table>')
.replaceAll('[grid]', '<table>')
.replaceAll('[/grid]', '</td></tr></table>')
.replaceAll('[row]', '</td><tr>')
.replaceAll('[cell]', '<td>')
.replaceAll('[logo]', '<img src = ./img/ntlogo.png>')
.replaceAll('[bluelogo]', '<img src = ./img/bluentlogo.png>')
.replaceAll('[solcrest]', '<img src = ./img/sollogo.png>')
.replaceAll('[terraseal]', '<img src = ./img/terralogo.png>')
.replaceAll('[editorbr]', ''))
.replaceAll('[sign]', '<span class="sig">John Doe</span>')
return str;
str = (
str
.replaceAll('<', '&lt;')
.replaceAll('>', '&gt;')
.replaceAll('&', '&amp;')
.replaceAll('\n', '<BR>')

.replaceAll('[center]', '<center>')
.replaceAll('[/center]', '</center>')

.replaceAll('[br]', '<BR>')
.replaceAll('[hr]', '<HR>')

.replaceAll('[b]', '<B>')
.replaceAll('[/b]', '</B>')
.replaceAll('[i]', '<I>')
.replaceAll('[/i]', '</I>')
.replaceAll('[u]', '<U>')
.replaceAll('[/u]', '</U>')

.replaceAll('[time]', getTimeString())
.replaceAll('[date]', getDateString())
.replaceAll('[sign]', '<span class="sig">John Doe</span>')

.replaceAll('[large]', '<span class="startLarge"></span><span>')
.replaceAll('[/large]', '</span><span class="endLarge"></span>')
.replaceAll('[small]', '<span class="startSmall"></span><span>')
.replaceAll('[/small]', '</span><span class="endSmall"></span>')

.replaceAll('[field]', '<span class="paper_field"></span>')
.replaceAll('[h1]', '<H1>')
.replaceAll('[/h1]', '</H1>')
.replaceAll('[h2]', '<H2>')
.replaceAll('[/h2]', '</H2>')
.replaceAll('[h3]', '<H3>')
.replaceAll('[/h3]', '</H3>')

.replaceAll('[list]', '<ul>')
.replaceAll('[/list]', '</ul>')
.replaceAll('[*]', '<li>')

.replaceAll('[table]', '<table border=1 cellspacing=0 cellpadding=3 style="border: 1px solid black;">')
.replaceAll('[/table]', '</td></tr></table>')
.replaceAll('[grid]', '<table>')
.replaceAll('[/grid]', '</td></tr></table>')
.replaceAll('[row]', '</td><tr>')
.replaceAll('[cell]', '<td>')

.replaceAll('[logo]', '<img src = ./img/ntlogo.png>')
.replaceAll('[bluelogo]', '<img src = ./img/bluentlogo.png>')
.replaceAll('[solcrest]', '<img src = ./img/sollogo.png>')
.replaceAll('[terraseal]', '<img src = ./img/terralogo.png>')

.replaceAll('[editorbr]', '')
)

return str;
}

function getDateString() {
var date = new Date();
var yyyy = date.getFullYear() + 544;
var mm = date.getMonth() + 1;
mm = mm < 10 ? "0" + mm : mm;
var dd = date.getDate();
return yyyy + "-" + mm + "-" + dd;
var date = new Date();
var yyyy = date.getFullYear() + 544;
var mm = date.getMonth() + 1;
mm = mm < 10 ? "0" + mm : mm;
var dd = date.getDate();
return yyyy + "-" + mm + "-" + dd;
}

function getTimeString() {
var date = new Date();
var hh = (date.getHours() < 10 ? "0" : "") + date.getHours();
var mm = (date.getMinutes() < 10 ? "0" : "") + date.getMinutes();
return hh + ":" + mm;
var date = new Date();
var hh = (date.getHours() < 10 ? "0" : "") + date.getHours();
var mm = (date.getMinutes() < 10 ? "0" : "") + date.getMinutes();
return hh + ":" + mm;
}

function download(filename, text) {
Expand Down

0 comments on commit 9e14ed1

Please sign in to comment.