Create a gist now

Instantly share code, notes, and snippets.

@oelna /convert.php
Last active Jun 22, 2016

What would you like to do?
A small utility webapp that converts between various string encodings and cleans up text
<?php
//check for PHP version requirements
if(version_compare(phpversion(), '5.3.0', '<')) die('This requires at least PHP 5.3 to run.');
date_default_timezone_set('Europe/Berlin');
$conversions = array(
array(
'text' => 'UTF-8 Decode',
'function' => function($input) {
return utf8_decode($input);
}
),
array(
'text' => 'UTF-8 Encode',
'function' => function($input) {
return utf8_encode($input);
}
),
array(
'text' => 'Base64 Decode',
'function' => function($input) {
return base64_decode($input);
}
),
array(
'text' => 'Base64 Encode',
'function' => function($input) {
return base64_encode($input);
}
),
array(
'text' => 'JSON Decode',
'function' => function($input) {
return json_decode($input);
}
),
array(
'text' => 'JSON Encode',
'function' => function($input) {
return json_encode($input);
}
),
array(
'text' => 'URL Decode',
'function' => function($input) {
return urldecode($input);
}
),
array(
'text' => 'URL Encode',
'function' => function($input) {
return urlencode($input);
}
),
array(
'text' => 'Quoted-Printable Decode',
'function' => function($input) {
return quoted_printable_decode($input);
}
),
array(
'text' => 'Quoted-Printable Encode',
'function' => function($input) {
return quoted_printable_encode($input);
}
),
array(
'text' => 'HTMLEntities Decode',
'function' => function($input) {
return html_entity_decode($input);
}
),
array(
'text' => 'HTMLEntities Encode',
'function' => function($input) {
return htmlentities($input);
}
),
array(
'text' => 'HTMLSpecialchars Decode',
'function' => function($input) {
return htmlspecialchars_decode($input);
}
),
array(
'text' => 'HTMLSpecialchars Encode',
'function' => function($input) {
return htmlspecialchars($input);
}
),
array(
'text' => 'Unix Timestamp to String',
'function' => function($input) {
return date('Y-m-d H:i:s', $input);
}
),
array(
'text' => 'String to UNIX Timestamp',
'function' => function($input) {
return strtotime($input);
}
),
array(
'text' => 'Detect Encoding',
'function' => function($input) {
return mb_detect_encoding($input, 'auto');
}
),
array(
'text' => 'Hex to RGB',
'function' => function($input) {
$input = ltrim(trim($input), '#');
if(strlen($input) != 3 && strlen($input) != 6 ) return 'You need to enter either 6-digit or 3-digit hex colors';
$input = (strlen($input) == 3) ? $input[0].$input[0].$input[1].$input[1].$input[2].$input[2] : $input;
//thanks: http://stackoverflow.com/a/15202130/3625228
list($r, $g, $b) = sscanf($input, "%02x%02x%02x");
return $r.','.$g.','.$b.' <span style="display: inline-block; width: 1em; background: #'.$input.';">&nbsp;</span>';
}
),
array(
'text' => 'String length (UTF-8)',
'function' => function($input) {
return mb_strlen($input, 'UTF-8');
}
),
array(
'text' => 'Clean up white space',
'function' => function($input) {
return preg_replace('/\s+/S', ' ', $input);
}
),
array(
'text' => 'Clean up spaces, preserve newlines',
'function' => function($input) {
$input = preg_replace('/[ \t]+/', ' ', $input);
return preg_replace('/[\r\n]+/', "\n", $input);
}
),
array(
'text' => 'Random string generator',
'function' => function($input) {
$lower = base_convert(mt_rand().microtime(true)/2, 10, 36);
$upper = strtoupper(base_convert(mt_rand().microtime(true)/2, 10, 36));
return str_shuffle($lower.$upper)."\n\n".'123456789 123456789 123456789';
}
)
);
header('Content-Type: text/html; charset=utf-8');
?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Converter</title>
<style>
* { box-sizing: border-box; }
html {
font: 100%/1.45 Helvetica, Arial, sans-serif;
}
#container {
margin: 0 auto;
width: 98%;
}
#output, form {
margin-bottom: 2em;
word-wrap: break-word;
}
textarea,
#output pre {
font-family: Consolas, Menlo, Andale Mono, monospace;
white-space: pre-wrap;
}
h1 {
margin: 0;
}
select, input {
font-size: 1.4em;
}
textarea {
width: 100%;
padding: 0.5em;
min-height: 20em;
font-size: 1em;
resize: vertical;
border: 0;
background: #eee;
}
textarea:focus {
outline: 1px solid #007aff;
}
#tosource, #toclipboard {
color: #007aff;
text-decoration: underline;
display: inline-block;
margin: 0 1em 1em 0;
cursor: pointer;
}
#message {
color: #4cd964;
opacity: 0;
transition: opacity 0.25s ease;
}
#message.show {
opacity: 1;
}
@media all and (min-width: 60em) {
#container {
margin-top: 2em;
width: 60%;
}
}
</style>
</head>
<body>
<div id="container">
<form action="" method="post">
<h1>Input</h1>
<textarea name="input" id="input" placeholder="Eingabe"><?php if(isset($_POST['input'])) echo($_POST['input']); ?></textarea>
<select name="conversion">
<?php foreach($conversions as $key => $conversion): ?>
<option value="<?= $key ?>"<?php if(isset($_POST['conversion']) && $key == $_POST['conversion']) echo('selected') ?>><?= $conversion['text'] ?></option>
<?php endforeach; ?>
</select>
<input type="submit" value="Convert" />
</form>
<div id="output">
<h1>Output</h1>
<a id="tosource">Copy to input field</a> <a id="toclipboard">Copy to clipboard</a> <span id="message">Copied!</span>
<code><pre id="output-content"><?php
if(isset($_POST['input']) && isset($_POST['conversion'])) {
$result = call_user_func($conversions[$_POST['conversion']]['function'], $_POST['input']);
echo($result);
}
?></pre></code>
</div>
</div>
<script>
var copyToSource = document.querySelector('#tosource');
var copyToClipboard = document.querySelector('#toclipboard');
var input = document.querySelector('#input');
var output = document.querySelector('#output-content');
var message = document.querySelector('#message');
copyToSource.addEventListener('click', function(e) {
e.preventDefault();
var val = output.innerHTML;
input.value = val;
});
copyToClipboard.addEventListener('click', function(e) {
e.preventDefault();
//as per http://stackoverflow.com/a/987376/3625228
if(document.body.createTextRange) {
range = document.body.createTextRange();
range.moveToElementText(output);
range.select();
} else if(window.getSelection) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents(output);
selection.removeAllRanges();
selection.addRange(range);
}
try {
if(!document.execCommand('copy')) {
alert('Could not copy to clipboard');
} else {
message.classList.add('show');
setTimeout(function() {
message.classList.remove('show');
}, 2500);
}
} catch(err) {
alert('Could not copy to clipboard');
}
});
</script>
</body>
</html>
Owner

oelna commented Jun 4, 2016

I love feedback! Drop me a line if you like this, use this, or have any suggestions!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment