mdtabeditor/index.html

74 lines
2.2 KiB
HTML

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Markdown Table Editor</title>
<link rel="stylesheet" href="style.css" />
<script asyhc type="module" src="main.mjs"></script>
</head>
<body>
<noscript><p class="left right">Javascript is required because the closest non-JS alternative is doing everything server-side, and I do not want to bother with that</p></noscript>
<dialog id="load-dialog">
<h3>Load table</h3>
<span id="error"></span>
<textarea autofocus></textarea>
<hr>
<div class="buttons">
<button id="load-button">Load table</button>
<form method="dialog">
<button>Close</button>
</form>
</div>
</dialog>
<button id="open-load-button">Load table</button>
<hr>
<dialog id="item-context-menu">
<form id="alignment-radios">
<fieldset>
<legend>Column alignment:</legend>
<label>
<input type="radio" name="alignment" id="none" />
None
</label>
<label>
<input type="radio" name="alignment" id="left" />
Left
</label>
<label>
<input type="radio" name="alignment" id="center" />
Center
</label>
<label>
<input type="radio" name="alignment" id="right" />
Right
</label>
</fieldset>
</form>
<br>
<button id="delete-row">Delete row</button>
<button id="delete-column">Delete column</button>
<hr>
<button id="insert-row-above">Insert row above</button>
<button id="insert-row-below">Insert row below</button>
<button id="insert-column-left">Insert column to the left</button>
<button id="insert-column-right">Insert column to the right</button>
</dialog>
Hold Shift to suppress table controls
<div class="table-container">
<table></table>
</div>
<hr>
<button id="copy-to-clipboard">Copy to Clipboard</button>
<textarea id="output" readonly rows="15"></textarea>
<hr>
<footer class="left right"><a href="https://gitlab.com/blankX/mdtabeditor">Source code</a> (<a href="https://git.nixnet.services/blankie/mdtabeditor">Mirror</a>)</footer>
</body>