ASP.Net, PHP, MVC vs Web Programlama

Online Kod Editörü

Codemirror kullanımına örnek vereceğim. Bununla otomatik tamamlama yapabilen renklendirilmiş bir kod dizisi oluşturabiliyoruz.

<body>
        <div id="code"></div>

        <script type="text/javascript">
            CodeMirror.commands.autocomplete = function(cm) {
                CodeMirror.showHint(cm, CodeMirror.hint.html);
            }
            window.onload = function() {
                editor = CodeMirror(document.getElementById("code"), {
                    mode: "text/html",
                    theme: "default",
                    lineWrapping: true,
                    lineNumbers: true,
                    styleActiveLine: true,
                    matchBrackets: true,
                    extraKeys: {
                        "Ctrl-Space": "autocomplete"
                    },
                    value: "<!doctype html>\n<html>\n <div id='main'> \n \n </div> \n</html>"
                });
            };
        </script>
</body>

Örnek bir çalışma aşağdadır.

https://github.com/meto260/mycdn/blob/master/codemirror/codemirror_editor.html

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir