codemirror的使用

网站建设 Views
CodeMirror 是一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。

下面是引用:

<link rel="stylesheet" href="/admin/codemirror/lib/codemirror.css" />    

<script src="/admin/codemirror/lib/codemirror.js"></script>

<script src="/admin/codemirror/mode/xml/xml.js"></script>

<script src="/admin/codemirror/mode/javascript/javascript.js"></script>

<script src="/admin/codemirror/mode/css/css.js"></script>

<script src="/admin/codemirror/mode/htmlmixed/htmlmixed.js"></script>

<script src="/admin/codemirror/addon/edit/matchbrackets.js"></script>

<style>
        .CodeMirror{height: auto;border: 1px solid #ddd;}
        .CodeMirror-scroll{max-height: 500px;}
        .CodeMirror pre{padding-left: 7px;line-height: 1.25;text-align:left;font-size:14px;}     
</style>
<textarea id="FileContent" runat="server"></textarea>

下面是调用:

<script type="text/javascript">
        var editor = CodeMirror.fromTextArea(document.getElementById("FileContent"), {
            lineNumbers: true,
            mode: "text/html",
            showCursorWhenSelecting: true,
            lineWrapping: true,
            matchBrackets: true
        });
        function insert(returnValue_lable) {
            obj = document.getElementById("FileContent");
            obj.focus();
            if (document.selection == null) {
                var iStart = obj.selectionStart
                var iEnd = obj.selectionEnd;
                obj.value = obj.value.substring(0, iEnd) + returnValue_lable + obj.value.substring(iEnd, obj.value.length);
            } else {
                var range = document.selection.createRange();
                range.text = returnValue_lable;
            }
        }
    </script>

下 载 人已下载

下载说明:

1、解压密码:无

2、只有部分模板会提供多页面下载,未加说明都是只有一个首页index.html模板。

3、如果您发现文件有错,或者您有其他更好的意见、建议请给我们留言,我们会及时处理!

4、如果您遇到什么问题,也可加入本站QQ1828984798咨询!

*下载本站资源以及作品仅供学习研究之用,若发现任何组织机构及个人有用于商业目的者,必追究其法律责任 *

评论 --
  • 消灭零回复