Javascript 在复选框的Codemirror中添加/删除值

所以我选中normalize，将normalize库添加到Codemirror中

<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" />

正常化

Jquery

角度JS

多次调用

setValue

将用上次调用传递的内容替换编辑器的内容。创建一个大字符串，然后调用

setValue

一次，或者使用添加代码而不替换旧代码。

多次调用

setValue

将用上次调用传递的内容替换编辑器的内容。创建一个大字符串，然后调用

setValue

一次，或者使用添加代码而不替换旧代码。

多次调用

setValue

将用上次调用传递的内容替换编辑器的内容。创建一个大字符串，然后调用

setValue

一次，或者使用添加代码而不替换旧代码。

多次调用

setValue

将用上次调用传递的内容替换编辑器的内容。创建一个大字符串，然后调用一次

setValue

，或者使用添加代码而不替换旧代码。

只需再次检查即可。您的三个字符串不相同。在第一个字符串的末尾有一个“\n”。同一字符串使用三次。将其放入一个var并使用它是有意义的

下面是更新后的示例（其他字符串应相应处理）

$（文档）.ready（函数（）{
$（“.norm”）。关于（“更改”，函数（）{
var normStr='\n'
如果（$（this）.is（“：checked”））{
编辑器.replaceRange（normStr{
行：editor.lastLine（），
ch:0
});
}否则{
var textArea=editor.getValue（）；
var searchText=textArea.search（normStr）；
如果（搜索文本>-1）{
txt=''；
var updatedTextArea=textArea.replace（normStr，txt）；
editor.setValue（updatedTextArea）；
}
}
});
//将规格化添加到Codemirror
$（“.jq”）。关于（“更改”，函数（）{
var jqStr='\n'；
如果（$（this）.is（“：checked”））{
编辑器.replaceRange（jqStr{
行：editor.lastLine（），
ch:0
});
}否则{
var textArea=editor.getValue（）；
var searchText=textArea.search（jqStr）；
如果（搜索文本>-1）{
txt=''；
var updatedTextArea=textArea.replace（jqStr，txt）；
editor.setValue（updatedTextArea）；
}
}
});
//将角度JS添加到Codemirror
$（“.ang”）.on（“更改”，函数（）{
var angStr='\n'；
如果（$（this）.is（“：checked”））{
编辑器.replaceRange（angStr{
行：editor.lastLine（），
ch:0
});
}否则{
var textArea=editor.getValue（）；
var searchText=textArea.search（angStr）；
如果（搜索文本>-1）{
txt=''；
var updatedTextArea=textArea.replace（angStr，txt）；
editor.setValue（updatedTextArea）；
}
}
});
});
//初始化代码镜像编辑器
var editor=CodeMirror.fromTextArea（document.getElementById（'code'）{
模式：“text/html”，
tabMode:'缩进'，
styleActiveLine：对，
行号：对，
换行：对，
自动关闭标签：正确，
福格特：没错，
德拉格德罗普：没错，
排水沟：['CodeMirror-LineNumber'，'CodeMirror foldgutter']
});
.code镜像{
浮动：左；
宽度：100%；
}


规范化


滑动分页


角JS



请再次检查。您的三个字符串不相同。在第一个字符串的末尾有一个“\n”。同一字符串使用三次。将其放入一个var并使用它是有意义的

下面是更新后的示例（其他字符串应相应处理）


$（文档）.ready（函数（）{
$（“.norm”）。关于（“更改”，函数（）{
var normStr='\n'
如果（$（this）.is（“：checked”））{
编辑器.replaceRange（normStr{
行：editor.lastLine（），
ch:0
});
}否则{
var textArea=editor.getValue（）；
var searchText=textArea.search（normStr）；
如果（搜索文本>-1）{
txt=''；
var updatedTextArea=textArea.replace（normStr，txt）；
editor.setValue（updatedTextArea）；
}
}
});
//将规格化添加到Codemirror
$（“.jq”）。关于（“更改”，函数（）{
var jqStr='\n'；
如果（$（this）.is（“：checked”））{
编辑器.replaceRange（jqStr{
行：editor.lastLine（），
ch:0
});
}否则{
var textArea=editor.getValue（）；
var searchText=textArea.search（jqStr）；
如果（搜索文本>-1）{
txt=''；
var updatedTextArea=textArea.replace（jqStr，txt）；
editor.setValue（updatedTextArea）；
}
}
});
//将角度JS添加到Codemirror
$（“.ang”）.on（“更改”，函数（）{
var angStr='\n'；
如果（$（this）.is（“：checked”））{
编辑器.replaceRange（angStr{
行：editor.lastLine（），
ch:0
});
}否则{
var textArea=editor.getValue（）；
var searchText=textArea.search（angStr）；
如果（搜索文本>-1）{
txt=''；
var updatedTextArea=textArea.replace（angStr，txt）；
editor.setValue（updatedTextArea）；
}
}
});
});
//初始化代码镜像编辑器
var editor=CodeMirror.fromTextArea（document.getElementById（'code'）{
模式：“text/html”，
tabMode:'缩进'，
styleActiveLine：对，
行号：对，
换行：对，
自动关闭标签：正确，
福格特：没错，
德拉格德罗普：没错，
排水沟：['CodeMirror-LineNumber'，'CodeMirror foldgutter']
});
.code镜像{
浮动：左；
宽度：100%；
}


规范化


滑动分页


角JS



请再次检查。您的三个字符串不相同。在第一个字符串的末尾有一个“\n”。同一字符串使用三次。将其放入一个var并使用它是有意义的

下面是更新后的示例（其他字符串应按照
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" />

<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css" />