<html>

<head>

    <link rel="stylesheet" href="codemirror.css">  <!-- 引入CSS文件 -->

    <script src="codemirror.js"></script>  <!-- 引入JS文件 -->

</head>

<body>

    <textarea id="code" name="code">http://www.cnblogs.com/oldphper</textarea>

    <script>

        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {  // 标识到textarea

            value : "http://www.cnblogs.com/oldphper",  // 文本域默认显示的文本

            mode : "text/html",  // 模式

            // theme : "",  // CSS样式选择

            indentUnit : 2,  // 缩进单位,默认2

            smartIndent : true,  // 是否智能缩进

            tabSize : 4,  // Tab缩进,默认4

            readOnly : false,  // 是否只读,默认false

            showCursorWhenSelecting : true,

            lineNumbers : true  // 是否显示行号

            // .. 还有好多,翻译不完。需要的去看http://codemirror.net/doc/manual.html#config

        });

    </script>

</body>

</html>

API 部分信息。一个一个测试出来的。

 1     function fun() {

 2             ob = "";

 3             //alert(editor.getValue()); // 得到所有内容

 4             //editor.setValue("abc"); // 将编辑器内容改为"abc"

 5              

 6             // 0为起点,2行第3个字母到2行第5个字母

 7             //alert(editor.getRange({line:1,ch:2},{line:1,ch:5}));  //得到

 8             //editor.replaceRange("shashasha",{line:1,ch:2},{line:2,ch:5});

 9              

             //alert(editor.getLine(2));   // 第三行数据

             //alert(editor.lineCount());   // 总共几行

             //alert(editor.firstLine());   // 首行数0

             //alert(editor.lastLine());   // 末行数19,共20行

             //ob = editor.getLineHandle(1);   // 第二行数据句柄

             //alert(editor.getLineNumber(ob)); // 行句柄在哪行

             //editor.eachLine(0,2,alert(ob));

              

             //ob = editor.changeGeneration();    // 编辑动作次数,1次起

             //editor.markClean();   // 清除动作

             //editor.isClearn();    // 是否清除

              

             //ob = editor.getSelection();   // 获得选中的数据一条

             //ob = editor.getSelections();  // 获得选中数据多条

             editor.replaceSelection("ttttttt"); // 选中替换,一条根多条都替换,不选中则在光标处插入

             //editor.replaceSelections(["aaa","bbb"]); // 选中替换,多条对多选

             //editor.setSelection();  //设置选中

             //editor.setSelections();  //设置选中

             //ob = editor.listSelections(); //boj

             //ob = editor.somethingSelected(); // 是否有选中

             //editor.addSelection({line:2,ch:6}, {line:1,ch:2});  // 选中此段

              

             //ob = editor.getCursor();    // ob['line']、['ch']

             //editor.setCursor(2);    // 设置光标位置

              

             //ob = editor.hasFocus();   // focus?全false

              

             //editor.addOverlay("aaaaa"); //..

             //editor.removeOverlay("aaaaa"); //..

              

             //ob = editor.getDoc();   // 文档对象,很多

             //ob = editor.getEditor();   //..

              

             //ob = editor.setBookmark({line:1,ch:3}); // 书签对象

              

             //editor.addWidget({line:1,ch:2},"<if></if>",true); //添加部件

              

             //editor.setSize(1100,1100);    //设置宽高

             //editor.scrollTo(800,300); // 设置滚动条位置

              

             //editor.cursorCoords({line:1,ch:2},"aaaaaa"); //..

              

             //for (var i in ob)

             //    alert(i);

             //alert(ob);

         }

CodeMirror教程,CodeMirrorAPI中文信息的更多相关文章

  1. PS网页设计教程——30个优秀的PS网页设计教程的中文翻译教程

    PS网页设计教程--30个优秀的PS网页设计教程的中文翻译教程   作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作 ...

  2. ZPL打印中文信息

    博客来源:http://www.cnblogs.com/Geton/p/3595312.html 相信各位在实际的项目中,需要开发打条码模块的也会有不少,很多同行肯定也一直觉得斑马打印机很不错,但是Z ...

  3. [osg]osg显示中文信息

    转自:http://www.cnblogs.com/feixiang-peng/articles/3152754.html 写好了在osg中实时显示中文信息的效果.中间遇到两个问题,一个是中文显示,一 ...

  4. XamarinEssentials教程应用程序信息AppInfo

    XamarinEssentials教程应用程序信息AppInfo   很多应用程序都提供一个“关于”功能.该功能会向用户展示应用程序的基本信息,如版本号.应用程序名称等.这个功能可以通过Xamarin ...

  5. VM装mac10.9教程+报错信息解决办法

    VM装mac10.9教程+报错信息解决办法 教程1: 教你在Vmware 10下安装苹果Mac10.9系统 地址:http://tieba.baidu.com/p/2847457021 教程2: VM ...

  6. java 读取数据库中文信息,为何在jsp页面中出现乱码

    有如下几种解决办法:1.保证项目的字符编码和每一个jsp页面的字符编码一致,如果不一致可能导致中文乱码问题<%@ page language="java" contentTy ...

  7. ABP教程-对Person信息进行操作

    这一章的功能比较简单.下面开始 修改视图 对person的视图文件进行修改 <div class="row"> <div class="col-md-1 ...

  8. LoadRunner 12.02 安装教程及中文语言包安装

    注意事项: 安装前,把所有的杀毒软件和防火墙关闭. 若以前安装过LoadRunner,则将其卸载. 安装路径不要带中文字符. LoadRunner 12已经不再支持xp系统,仅支持win7和win8系 ...

  9. java jdbc->mycat->oracle SqlException异常中文信息乱码解决

    mycat字符集gbk oracle字符集gbk 原jdbc连接串: base.jdbc.url=jdbc:mysql://127.0.0.1:3306/XXX?useUnicode=true& ...

随机推荐

  1. java程序员的从0到1:统计某字符串在某文件中出现的次数(面试题)

    目录: 1. 编程题目 2. 方法一 3. 方法二 4. 方法三 5. 方法四 6. 总结 正文: 1. 编程题目 写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数. 2. ...

  2. 【算法笔记】B1026 程序运行时间

    1026 程序运行时间 (15 分) 要获得一个 C 语言程序的运行时间,常用的方法是调用头文件 time.h,其中提供了 clock() 函数,可以捕捉从程序开始运行到 clock() 被调用时所耗 ...

  3. LightOJ - 1234 分块预处理

    求∑1/i,但是范围很大 和bitmap的想法一样,分个块,均摊复杂度就降下来了 //到底排行榜上的0ms是怎么做到的? #include<bits/stdc++.h> using nam ...

  4. for( in ) IE下兼容问题

    在JS 中 for in 常用于遍历对象的可枚举属性,包括原型链上的属性.然而for_in在IE < 9下可能会出现问题. for_in要出现问题必须满足两个条件:  1:IE < 9; ...

  5. python 函数的作用域,闭包函数的用法

    一.三元表达式 if条件成功的值    if  条件   else else条件成功的值 #if条件成立的结果 if 条件 else else条件成立的结果 # a = 20 # b = 10 # c ...

  6. ASP.Net Core 发布ABP项目遇到的错误

    1.HTTP 错误 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效. 与ASP.NET时代不同,ASP.NET Core不再是由IIS工作 ...

  7. 升级TeeChart pro

    teechart 安装流程如下: 1.  将生成的 LIB中的 选中文件copy到C:\Users\Public\Documents\RAD Studio\8.0\Dcp 图1 1.  fastrep ...

  8. IDEA查看第三方jar包的源代码时出现Decompiled.class file, bytecode version:52.0 (Java 8)的解决方案

    IDEA中使用Ctrl+左键查看第三方jar包的源代码时,出现Decompiled.class file, bytecode version:52.0 (Java 8),说明IDEA没找到该类的.ja ...

  9. Linux——文件和文件夹的操作

    Linux有三种文件: 普通文件(包括文本文件.源码文件.可执行文件等等) 设备文件(或者成为特殊文件,linux通过设备文件与外部设备进行通讯,例如:光驱.打印机.终端.modern) 设备文件有两 ...

  10. PIXI 精灵及文本加载(4)

    预习下官网的知识. 及字母消除接上文 Pixi 精灵 Pixi拥有一个精灵类来创建游戏精灵.有三种主要的方法来创建它: 用一个单图像文件创建. 用一个 雪碧图 来创建.雪碧图是一个放入了你游戏所需的所 ...