codemirror

​x
 
<!-- xml/html syntax -->
<!DOCTYPE html>
<html>
    <head>
        <!-- meta -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
​
        <!-- title -->
        <title>Example website</title>
​
        <!-- css -->
        <style type="text/css">
            /* css syntax */
            * {
                margin: 0;
                padding: 0;
            }
            html {
                font-family: 'Arial', sans-serif;
            }
        </style>
​
        <!-- scripts -->
        <script type="text/javascript">
            window.onload = () => {
                // js syntax
                function init(ok) {
                    return ok;
                }
            }
        </script>
    </head>
    <body>
        <section>
قالب المعاينة

codemirror
