用于ASP.Net的HTML中的C#代码编辑器

时间:2013-10-02 11:26:52

标签: c# html asp.net asp.net-mvc html5-canvas

我想在网页中显示C#编辑器,不需要Intellisense。

1 个答案:

答案 0 :(得分:7)

您可以使用Code Mirror,它可以支持C,C ++和C#等语言。

简单示例:

<script src="/Js/codemirror.js"></script>
<script src="/Js/javascript.js"></script>
<script src="/Js/xml.js"></script>
<script src="/Js/css.js"></script>
<script src="/Js/htmlembedded.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        var element = document.getElementById("<%= txtCodeArea.ClientID %>");
        var editor = CodeMirror.fromTextArea(element , {
            parserfile: "/Js/htmlembedded.js",
            stylesheet: "/Css/codemirror.css",
            path: "/Js/"
        });
    });
</script>

加载相关的js文件,您可以从下载的mode文件夹中找到这些文件。

脚本获取您要用于代码编辑的元素,并包含您包含的.js文件的语法高亮/着色。 txtCodeArea可以引用多行<asp:TextBox />