CodeMirror教程，CodeMirrorAPI中文信息
<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中文信息的更多相关文章
- PS网页设计教程——30个优秀的PS网页设计教程的中文翻译教程
PS网页设计教程--30个优秀的PS网页设计教程的中文翻译教程 作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作 ...
- ZPL打印中文信息
博客来源:http://www.cnblogs.com/Geton/p/3595312.html 相信各位在实际的项目中,需要开发打条码模块的也会有不少,很多同行肯定也一直觉得斑马打印机很不错,但是Z ...
- [osg]osg显示中文信息
转自:http://www.cnblogs.com/feixiang-peng/articles/3152754.html 写好了在osg中实时显示中文信息的效果.中间遇到两个问题,一个是中文显示,一 ...
- XamarinEssentials教程应用程序信息AppInfo
XamarinEssentials教程应用程序信息AppInfo 很多应用程序都提供一个“关于”功能.该功能会向用户展示应用程序的基本信息,如版本号.应用程序名称等.这个功能可以通过Xamarin ...
- VM装mac10.9教程+报错信息解决办法
VM装mac10.9教程+报错信息解决办法 教程1: 教你在Vmware 10下安装苹果Mac10.9系统 地址:http://tieba.baidu.com/p/2847457021 教程2: VM ...
- java 读取数据库中文信息，为何在jsp页面中出现乱码
有如下几种解决办法:1.保证项目的字符编码和每一个jsp页面的字符编码一致,如果不一致可能导致中文乱码问题<%@ page language="java" contentTy ...
- ABP教程-对Person信息进行操作
这一章的功能比较简单.下面开始 修改视图 对person的视图文件进行修改 <div class="row"> <div class="col-md-1 ...
- LoadRunner 12.02 安装教程及中文语言包安装
注意事项: 安装前,把所有的杀毒软件和防火墙关闭. 若以前安装过LoadRunner,则将其卸载. 安装路径不要带中文字符. LoadRunner 12已经不再支持xp系统,仅支持win7和win8系 ...
- java jdbc->mycat->oracle SqlException异常中文信息乱码解决
mycat字符集gbk oracle字符集gbk 原jdbc连接串: base.jdbc.url=jdbc:mysql://127.0.0.1:3306/XXX?useUnicode=true& ...
随机推荐
- Jmeter拓展插件可查看和lr一样的图形结果
利用插件可通过图形直观查看CPU.Memory等的运行情况 1. JmeterPlugins.jar插件下载地址:http://jmeter-plugins.org/downloads/all 下载并 ...
- php 实现无限极分类
原始数据 $array = array( array('id' => 1, 'pid' => 0, 'n' => '河北省'), array('id' => 2, 'pid' ...
- I Hate It(线段树区间最值，单点更新)-------------蓝桥备战系列
很多学校流行一种比较的习惯.老师们很喜欢询问,从某某到某某当中,分数最高的是多少. 这让很多学生很反感. 不管你喜不喜欢,现在需要你做的是,就是按照老师的要求,写一个程序,模拟老师的询问.当然,老 ...
- 石头剪刀布（2019Wannafly winter camp day3 i） 带权并查集+按秩合并 好题
题目传送门 思路: 按照题意描述,所有y挑战x的关系最后会形成一棵树的结构,n个人的总方案数是 3n 种,假设一个人被挑战(主场作战)a次,挑战别人(客场)b次,那么这个人存活到最后的方案数就是3n* ...
- 将Eclipse的Java Project转换为Dynamic Web Project
在用Eclipse做JavaEE开发时经常遇到Web工程被识别为Java工程的问题,导致很多功能无法使用. 只需做以下操作便可解决该问题. 1.右击Java工程选择Properties 2.选择左边目 ...
- Trie - 20181113
442. Implement Trie (Prefix Tree) class TrieNode { public boolean isWord; public TrieNode[] children ...
- python3.6 request模块和ddt模块的安装
1.1用cmd命令进到python的安装目录的Scripts文件夹 1.2.然后输入 pip install requests,出现以下提示,说明安装成功 2.安装ddt步骤一样,只是把pip ins ...
- 转 C#对多个集合和数组的操作(合并,去重,判断)
在开发过程中.数组和集合的处理是最让我们担心.一般会用for or foreach 来处理一些操作.这里介绍一些常用的集合跟数组的操作函数. 首先举例2个集合A,B. List<int> ...
- Lucene初识
1.概述 1.1 Lucene是apache软件基金会4 jakarta项目组的一个子项目: 是一个开放源代码的全文检索引擎工具包: 但它不是一个完整的全文检索引擎,而是一个全文检索引擎的架构,提供了 ...
- linux 卡在进度条进不去解决办法之一
centos为例 一, 如下: 如果这个地方卡住了的话也许是你上次改了passwd文件,这个是其中一个情况. 如果刚刚开机就卡住了或者怎么卡住了的话在开机的读条时候摁esc显示读取的进程,根据显示的错 ...