<!DOCTYPE HTML>
<html lang="en">
<head>
    <!-- when using the mode "code", it's important to specify charset utf-8 -->
    <meta charset="utf-8">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.0/jsoneditor.min.css" rel="stylesheet" type="text/css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.0/jsoneditor.min.js"></script>
</head>
<body>
    <div id="jsoneditor" style="width: 400px; height: 400px;"></div>

    <script>
        // create the editor
        const container = document.getElementById("jsoneditor")
        const options = {}
        const editor = new JSONEditor(container, options)

        // set json
        const initialJson = {
            "JDUserName": "karl@k-world.me.uk",
            "JDPassword": "Grd.555269",
            "RSSFeed": "https://rlsbb.cc/feed/",
            "RSSFeedRefreshMins": 0.2,
            "JDPostLinksMins": 0.3,
            "Autostart": true,
            "OnlyHEVC": true,
            "Shows": [
                {
                    "Name": "Critter Fixers Country Vets",
                    "Quality": "720"
                },
                {
                    "Name": "The Challenge",
                    "Quality": "720"
                },
                {
                    "Name": "Obi-Wan Kenobi",
                    "Quality": "1080"
                },
                {
                    "Name": "Taskmaster",
                    "Quality": "720"
                },
                {
                    "Name": "Ms Marvel",
                    "Quality": "720"
                },
                {
                    "Name": "Star Trek Strange New Worlds",
                    "Quality": "720"
                },
                {
                    "Name": "The Flash 2014",
                    "Quality": "720"
                },
                {
                    "Name": "Gold Rush",
                    "Quality": "720"
                },
                {
                    "Name": "Hoffman Family Gold",
                    "Quality": "720"
                },
                {
                    "Name": "Love Island",
                    "Quality": "720"
                }
            ]
        }
        editor.set(initialJson)

        // get json
        const updatedJson = editor.get()
    </script>
</body>
</html>