codemirror可以按类查找文本区域
Can codemirror find textareas by class?
一个良好的开端
几年前,我问了一个问题"Codemirror-在多个文本区域上使用?",得到了一个很好的答案。但是,它仍然将ID作为参数。ID是唯一的。
按类别而不是ID查找文本区域
当在同一页面上有多个文本区域时,有些带有HTML,有些带有CSS,最好添加一个类而不是ID。
示例
<p>Some content</p>
<textarea class="my_codemirror_html">
</textarea>
<p>Some content</p>
<textarea class="my_codemirror_html">
</textarea>'
如果我可以使用jQuery,那就好了。不管怎样,我都会在页面上使用它。
更新2012-02-21-几乎实现
我在jsFiddle上找到了这个帖子。唯一缺少的是我无法让它在文本区域工作。
这将是一个更简单的解决方案,复杂性更低。
$('.my_codemirror_html').each(function(index, elem){
CodeMirror.fromTextArea(elem, {/*options*/});
});
我通过在所有文本区域添加一个带有jQuery的ID来解决这个问题。
jQuery(document).ready(function($) {
var code_type = '';
$('.code-html').each(function(index) {
$(this).attr('id', 'code-' + index);
CodeMirror.fromTextArea(document.getElementById('code-' + index), {
mode: "text/html",
lineNumbers: true,
tabMode: "indent"
}
);
});
});
所有javascript版本:
var codemirrorInstance = [];
var foundtextareasarr = document.getElementsByClassName('classForTextareas');
for(var i = 0; foundtextareasarr[i]; ++i) {
codemirrorInstance[i] = CodeMirror.fromTextArea(foundtextareasarr[i], {
lineNumbers: true,
mode: "add-your-mode-here"
});
}
上面的代码将按类查找所有文本区域,并仅使用javascript而不使用jQuery将它们转换为单独的代码镜像实例。
相关文章:
- GTM每隔5秒在页面上查找文本
- jquery在元素中查找文本节点,并使用标记进行连接和包装
- 使用jquery或JS查找文本区域内的所有单词位置
- 使用最接近查找文本输入的JQuery问题
- Greasemonkey查找文本问题
- 使用Jquery在下拉菜单中查找文本,并将其设置为“选定”
- 当
不在前面时查找文本
- 查找文本区域的可见高度
- 如何在 svg 中查找文本的坐标
- 查找文本并将其删除 jquery
- 查找文本将占用多少行
- jQuery查找文本并更改大小
- 使用 javascript 查找文本中 HTML 标签的位置,最好不使用正则表达式
- 如何使用jquery在省略链接的同时查找文本
- jQuery 遍历和查找文本框
- 使用数组内容查找文本以进行替换
- 使用 jquery 在与可单击元素相同的行中查找文本框的值
- 如何使用c#在selenium webdriver ie中实现网页中的查找文本
- 在JavaScript中查找文本字符串
- ACE编辑器查找文本,选择行并替换文本