ブログにHTMLを入れるのに、変換ツールを作りました

ブログにはHTMLのすべてのタグが入りません

変換して使えるようにします

左にコードをペーストし、右をクリックすると変換されます。

変換ソースはクリップボードに入ります

 

<!DOCTYPE html>

<head>
    <meta charset='UTF-8'>
    <meta name='apple-mobile-web-app-capable' content='yes'>
    <meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1.0'>
    <title>HTML変換</title>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
    <style>
        .s16 {
            font-size: 12px;
        }
    </style>
</head>

<body>
    <h3 class="text-center bg-info">html special character converter</h3>

    <div class="col-12 text-center mx-auto">
        <button class=col-10 onclick="c()">変換</button>
        <textarea class=col-5 id=org cols=80 rows=20></textarea>
        <textarea class=col-5 id=conv cols=80 rows=20></textarea>
    </div>
    <script>
        const c = () => {
            w1 = $("#org").val();
            w2 = (w1 + '').replace(/&/g, '&amp;')
                .replace(/"/g, '&quot;')
                .replace(/'/g, '&#039;')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;');
            $("#conv").val(w2);
　　　　　　navigator.clipboard.writeText($("#conv").val());
        }
        $("#org").change(function () {
            c();
        });
    </script>
</body>

</html>