Adam Bem
eb8518afab
- Rewritten backend methods for prettifing and minimizing XMLs - Added "Clear" and "Insert default XML" buttons in XML Formatter. - Added place to display error messages in case of any Co-authored-by: Adam Bem <adam.bem@zoho.eu> Reviewed-on: R11/release11-tools-web#88
80 lines
3.0 KiB
HTML
80 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<!-- <link rel="stylesheet" href="styles.css"> -->
|
|
<link rel="stylesheet" href="../assets/css/tools/r11form.css">
|
|
<script src="../assets/scripts/tools/scripts.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
|
|
<body onload="init();">
|
|
<div class="container">
|
|
<div id="tool" class="tool rwd-expandable">
|
|
<div class="tool-context">
|
|
<div class="headline">
|
|
<h1>Online XML Formatter</h1>
|
|
</div>
|
|
<select name="processors" id="processors" class="hidden">
|
|
<option value="libxml">libXML</option>
|
|
</select>
|
|
|
|
<div class="display-space-between">
|
|
<div>
|
|
<b><span id="formatinfo"></span></b><br>
|
|
<label for="xmlArea"><b>Insert your XML:</b></label>
|
|
</div>
|
|
<div>
|
|
<button class="action-button active" id="clearXMLButton" style="padding: 3px 10px;"
|
|
onclick="clearDataField()">Clear</button>
|
|
<button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px;"
|
|
onclick="fillDefaultXML(this)">Insert default XML</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<textarea id="xmlArea" name="xmlArea" rows="15"
|
|
class="textarea-700 bordered-field vertically-resizeable max-width"
|
|
onblur="setDefaultContent(this, 'Insert XML here');"
|
|
onfocus="clearDefaultContent(this, 'Insert XML here');"></textarea>
|
|
<br><br>
|
|
<button id="prettifyButton" class="max-width block-label action-button active"
|
|
onclick="performFormatRequest('prettifypost', true, 'xmlArea', 'xmlArea')">Prettify XML</button>
|
|
<button id="minimizeButton" class="max-width block-label action-button active"
|
|
onclick="performFormatRequest('minimizepost', true, 'xmlArea', 'xmlArea')">Minimize XML</button>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tooltip-window rwd-hideable">
|
|
<h2>What is this?</h2>
|
|
<p>This tool has 2 main functions:
|
|
<ul>
|
|
<li><strong>Prettify XML</strong> to make it human-readable (add indentation etc.)</li>
|
|
<li><strong>Minimize XML</strong> to make it more compact (exactly opposite to above)</li>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
function getProcessor() {
|
|
return "libxml";
|
|
}
|
|
|
|
function getVersion() {
|
|
return "1.0"
|
|
}
|
|
|
|
function init() {
|
|
setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here');
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|