---
categories: Repost
date: "2023-06-02T00:00:00Z"
tags:
    - 前端
    - JavaScript
slug: awfice
title: "awfice: The world smallest office suite"
---

<p>
    <a href="https://github.com/zserge/awfice">Source</a>
</p>

<script>
    var before = "data:text/html;base64,";
    var editURL =
        before +
        "PGJvZHkgY29udGVudGVkaXRhYmxlIHN0eWxlPWxpbmUtaGVpZ2h0OjEuNTtmb250LXNpemU6MjBweCBvbmxvYWQ9ZG9jdW1lbnQuYm9keS5mb2N1cygpPg==";
    var calcURL =
        before +
        "PHRhYmxlIGlkPXQ+PHNjcmlwdD56PU9iamVjdC5kZWZpbmVQcm9wZXJ0eSxwPXBhcnNlRmxvYXQ7Zm9yKEk9W10sRD17fSxDPXt9LHE9Xz0+SS5mb3JFYWNoKGU9Pnt0cnl7ZS52YWx1ZT1EW2UuaWRdfWNhdGNoKGUpe319KSxpPTA7aTwxMDE7aSsrKWZvcihyPXQuaW5zZXJ0Um93KC0xKSxqPTA7ajwyNztqKyspYz1TdHJpbmcuZnJvbUNoYXJDb2RlKDY1K2otMSksZD1yLmluc2VydENlbGwoLTEpLGQuaW5uZXJIVE1MPWk/aj8iIjppOmMsaSpqJiZJLnB1c2goZC5hcHBlbmRDaGlsZCgoZj0+KGYuaWQ9YytpLGYub25mb2N1cz1lPT5mLnZhbHVlPUNbZi5pZF18fCIiLGYub25ibHVyPWU9PntDW2YuaWRdPWYudmFsdWUscSgpfSxnZXQ9Xz0+e3Y9Q1tmLmlkXXx8IiI7aWYoIj0iIT12LmNoYXJBdCgwKSlyZXR1cm4gaXNOYU4ocCh2KSk/djpwKHYpO3dpdGgoRClyZXR1cm4gZXZhbCh2LnNsaWNlKDEpKX0sYT17Z2V0fSx6KEQsZi5pZCxhKSx6KEQsZi5pZC50b0xvd2VyQ2FzZSgpLGEpLGYpKShkb2N1bWVudC5jcmVhdGVFbGVtZW50YGlucHV0YCkpKTwvc2NyaXB0PjxzdHlsZT4jdHtib3JkZXItY29sbGFwc2U6Y29sbGFwc2V9dGR7Ym9yZGVyOjFweCBzb2xpZCBncmF5O3RleHQtYWxpZ246cmlnaHR9aW5wdXR7Ym9yZGVyOm5vbmU7d2lkdGg6NHJlbTt0ZXh0LWFsaWduOmNlbnRlcn08L3N0eWxlPg==";
    var drawURL =
        before +
        "PGNhbnZhcyBpZD12PjxzY3JpcHQ+ZD1kb2N1bWVudCxkLmJvZHkuc3R5bGUubWFyZ2luPTAsVD0ib250b3VjaCIsTT0ib25tb3VzZSIsYz12LmdldENvbnRleHRgMmRgLHYud2lkdGg9aW5uZXJXaWR0aCx2LmhlaWdodD1pbm5lckhlaWdodCxjLmxpbmVXaWR0aD0yLGY9MDttdj1mdW5jdGlvbihlKXtpZihmPD0wKShtb3ZlVG8oZS5wYWdlWHx8ZS50b3VjaGVzWzBdLmNsaWVudFgsZS5wYWdlWXx8ZS50b3VjaGVzWzBdLmNsaWVudFkpLGMuYmVnaW5QYXRoKCksYy5zYXZlKCkpO2YrKztlLnByZXZlbnREZWZhdWx0KCk7aWYoKGUuYnV0dG9ucz09PTF8fChlLnRvdWNoZXMmJmUudG91Y2hlcy5sZW5ndGg+MCkpJiZmPjApKGMubGluZVRvKGUucGFnZVh8fGUudG91Y2hlc1swXS5jbGllbnRYLGUucGFnZVl8fGUudG91Y2hlc1swXS5jbGllbnRZKSxjLnN0cm9rZSgpKTt9O2RbTSsibW92ZSJdPW12LGRbVCsibW92ZSJdPW12O2RbTSsidXAiXT1fPT5mPTA7ZFtUKyJlbmQiXT1fPT5mPTA7PC9zY3JpcHQ+PC9jYW52YXM+"; // https://raw.githubusercontent.com/zserge/awfice/0b96ffb49e0f7d4421caeae7b5f46d47e7b5cf68/draw.html
    var beamURL =
        before +
        "PGJvZHk+PHNjcmlwdD5kPWRvY3VtZW50O2ZvcihpPTA7aTw1MDtpKyspZC5ib2R5LmlubmVySFRNTCs9JzxkaXYgc3R5bGU9InBvc2l0aW9uOnJlbGF0aXZlO3dpZHRoOjkwJTtwYWRkaW5nLXRvcDo2MCU7bWFyZ2luOjUlO2JvcmRlcjoxcHggc29saWQgc2lsdmVyO3BhZ2UtYnJlYWstYWZ0ZXI6YWx3YXlzIj48ZGl2IGNvbnRlbnRlZGl0YWJsZSBzdHlsZT1vdXRsaW5lOm5vbmU7cG9zaXRpb246YWJzb2x1dGU7cmlnaHQ6MTAlO2JvdHRvbToxMCU7bGVmdDoxMCU7dG9wOjEwJTtmb250LXNpemU6NXZtaW4+JztkLnF1ZXJ5U2VsZWN0b3JBbGwoImRpdj5kaXYiKS5mb3JFYWNoKGU9PmUub25rZXlkb3duPWU9PntuPWUuY3RybEtleSYmZS5hbHRLZXkmJmUua2V5Q29kZS00OSxmPSJmb3JtYXRCbG9jayIsaj0ianVzdGlmeSIseD1bZixmLGorIkxlZnQiLGorIkNlbnRlciIsaisiUmlnaHQiLCJvdXRkZW50IiwiaW5kZW50IiwiaW5zZXJ0VW5vcmRlcmVkTGlzdCJdW25dLHk9WyI8aDE+IiwiPGRpdj4iXVtuXSx4JiZkLmV4ZWNDb21tYW5kKHgsITEseSl9KTwvc2NyaXB0PjxzdHlsZT5AcGFnZXtzaXplOjZpbiA4aW4gbGFuZHNjYXBlfUBtZWRpYSBwcmludHsqe2JvcmRlcjowICFpbXBvcnRhbnR9fQ==";
    var codeURL =
        before +
        "PGJvZHkgb25pbnB1dD0iaS5zcmNkb2M9aC52YWx1ZSsnPHN0eWxlPicrYy52YWx1ZSsnPC9zdHlsZT48c2NyaXB0Picrai52YWx1ZSsnPC9zY3JpcHQ+JyI+PHN0eWxlPnRleHRhcmVhLGlmcmFtZXt3aWR0aDoxMDAlO2hlaWdodDo1MCU7fWJvZHl7bWFyZ2luOjA7fXRleHRhcmVhe3dpZHRoOiAzMy4zMyU7Zm9udC1zaXplOjE4cHg7cGFkZGluZzowLjVlbX08L3N0eWxlPjx0ZXh0YXJlYSBwbGFjZWhvbGRlcj0iSFRNTCIgaWQ9ImgiPjwvdGV4dGFyZWE+PHRleHRhcmVhIHBsYWNlaG9sZGVyPSJDU1MiIGlkPSJjIj48L3RleHRhcmVhPjx0ZXh0YXJlYSBwbGFjZWhvbGRlcj0iSlMiIGlkPSJqIj48L3RleHRhcmVhPjxpZnJhbWUgaWQ9ImkiPjwvaWZyYW1lPjxzY3JpcHQ+ZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgidGV4dGFyZWEiKS5mb3JFYWNoKCh0KT0+dC5hZGRFdmVudExpc3RlbmVyKCJrZXlkb3duIixmdW5jdGlvbih0KXt2YXIgZSxzOyJUYWIiPT10LmtleSYmKHQucHJldmVudERlZmF1bHQoKSxlPXRoaXMuc2VsZWN0aW9uU3RhcnQscz10aGlzLnNlbGVjdGlvbkVuZCx0aGlzLnZhbHVlPXRoaXMudmFsdWUuc3Vic3RyaW5nKDAsZSkrIiAgIit0aGlzLnZhbHVlLnN1YnN0cmluZyhzKSx0aGlzLnNlbGVjdGlvblN0YXJ0PXRoaXMuc2VsZWN0aW9uRW5kPWUrMSl9KSk8L3NjcmlwdD48L2JvZHk+";
    var calculatorURL =
        before +
        "PHRhYmxlIHN0eWxlPSJ0ZXh0LWFsaWduOiBjZW50ZXI7d2lkdGg6ODB2dzttYXJnaW46IDAgYXV0bzsiPjx0Ym9keT48dHI+PHRkIGNvbHNwYW49IjQiPjx0ZXh0YXJlYT48L3RleHRhcmVhPjwvdGQ+PC90cj48L3Rib2R5PjxzY3JpcHQ+bGV0IGQ9ZG9jdW1lbnQ7bGV0IHRibD1kLnF1ZXJ5U2VsZWN0b3IoJ3Rib2R5Jyk7bGV0IHo9ZC5xdWVyeVNlbGVjdG9yKCd0ZXh0YXJlYScpO2xldCBvYz0oeCk9PnoudmFsdWUrPXg7bGV0IGNsPSgpPT56LnZhbHVlPScnO2xldCByZT0oKT0+e3RyeXt6LnZhbHVlPWV2YWwoei52YWx1ZSk7fWNhdGNoKGVycm9yKXtjbCgpO319O1tbMSwyLDMsJysnXSxbNCw1LDYsJy0nXSxbNyw4LDksJyonXSxbJ0MnLDAsJz0nLCcvJ11dLmZvckVhY2goKGEpPT57bGV0IHI9ZC5jcmVhdGVFbGVtZW50KCd0cicpO3Iuc3R5bGUubGluZUhlaWdodD0nNjRweCc7dGJsLmFwcGVuZENoaWxkKHIpO2EuZm9yRWFjaCgoYik9PntsZXQgdGI9ZC5jcmVhdGVFbGVtZW50KCd0YicpO3RiLmlubmVyVGV4dD1iO3RiLnN0eWxlLnBhZGRpbmc9JzE2cHgnO3RiLnN0eWxlLmJvcmRlcj0nMXB4IHNvbGlkJztyLmFwcGVuZENoaWxkKHRiKTt0Yi5vbmNsaWNrPWI9PT0nPSc/cmU6Yj09PSdDJz9jbDooKT0+b2MoYik7fSl9KTwvc2NyaXB0PjwvdGFibGU+";

    function openWindow(b64data) {
        let newWindow = window.open(
            "_blank",
            "_blank",
            "toolbar=no,scrollbars=no,resizable=yes,menubar=no,location=no,personalbar=no,status=no",
        );
        newWindow.document.write(
            "<iframe width='100%' height='100%' src='" +
                b64data +
                "'></iframe>",
        );
    }
</script>

<a href="#" onclick="openWindow(editURL);">edit</a>
<a href="#" onclick="openWindow(calcURL);">calc</a>
<a href="#" onclick="openWindow(drawURL);">draw</a>
<a href="#" onclick="openWindow(beamURL);">beam</a>
<a href="#" onclick="openWindow(codeURL);">code</a>
<a href="#" onclick="openWindow(calculatorURL);">calculator</a>