`
openxtiger
  • 浏览: 151149 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

[Javascript技巧]代码编辑器的行号,通过hash定位

 
阅读更多
$.initLineNumbers = function () {
    var hash      = window.location.hash.substring(1),
        container = $.get('container'),
        hasLines, node;

    // Add ids for each line number in the file source view.
    $('.linenums>li').each(function () {
        $(this).set('id', 'l' + (index + 1));
        $(this).addClass('file-line');
        hasLines = true;
    });

    // Scroll to the desired line.
    if (hasLines && /^l\d+$/.test(hash)) {
        if ((node = $.get(hash))) {
            win.scroll(0, node.offset().x);
        }
    }
};

 

0
3
分享到:
评论

相关推荐

    代码编辑器,显示行号

    总之,CodeMirror作为一个强大的JavaScript代码编辑器插件,它的显示行号、可定制样式和主题等功能,为开发者提供了高效的编码环境。无论是个人项目还是团队协作,CodeMirror都是一个值得信赖的工具。通过下载并解压...

    易语言简单的C代码编辑器源码

    3. 行号显示:代码编辑器往往需要显示行号,这需要维护一个行计数器,并随着用户的输入和删除实时更新。 4. 滚动条:当代码量较大时,滚动条是必不可少的。易语言提供了窗口控件和滚动条组件,可以用来实现上下左右...

    QT 编写的编译器,高亮显示,显示行号,一般编辑器的功能,代码填充

    在提到的"QT 编写的编译器,高亮显示,显示行号,一般编辑器的功能,代码填充"中,我们可以理解为一个使用QT框架构建的代码编辑器。这样的编辑器通常具备以下功能: 1. **高亮显示**:代码编辑器的高亮显示功能能够...

    VB2008,能在代码编辑器左边显示行号吗?

    VB2008,能在代码编辑器左边显示行号吗?

    [CSDN专用]代码段去行号工具

    【代码段去行号工具】是一款专为程序员设计的实用工具,主要用于快速移除代码中的行号,使得代码更加简洁,适用于提交代码审核或者分享无干扰的代码片段。这款工具简单易用,用户只需直接复制带有行号的代码段,然后...

    网页版html,js,css代码编辑器

    网页版HTML、JavaScript和CSS代码编辑器是一种在线工具,它允许用户在浏览器环境中编写、测试和调试这三种语言的代码,而无需安装任何桌面应用程序。这样的编辑器为开发者提供了便捷,尤其是在多平台间切换或者在...

    (VC++)代码编辑器

    【标题】:“(VC++)代码编辑器” 在软件开发领域,代码编辑器是程序员日常工作中不可或缺的工具。本文将详细解析一个基于VC++编写的简单代码编辑器,该编辑器具备多语言支持功能,其源代码设计清晰,易于理解。 ...

    WEB代码编辑器Eclipse等多种效果

    Ace编辑器支持多种编程语言,提供丰富的API和自定义选项,可以实现类似Eclipse的代码编辑体验,包括代码高亮、自动完成、行号显示等功能。Ace编辑器可以被集成到任何Web页面中,为用户提供了一个类似于桌面IDE的代码...

    利用js高亮代码并显示行号

    此外,如果你需要支持SyntaxHighlighter尚未内置的语言,可以通过编写新的brush(语言解析器)来扩展它。 **压缩包中的内容** 在提供的压缩包“代码高亮并显示行号”中,可能包含以下内容: - SyntaxHighlighter的...

    介绍一个textrate编辑器带行号的

    在提供的压缩包文件"editarea_0_7_2_3"中,包含了TextRater的源代码,通过分析这些源码,开发者不仅可以了解行号功能的实现细节,还可以学习编辑器开发的相关技术,提升自身的编程技能。 总之,TextRater编辑器的...

    EditArea一款基于Javascript的在线的支持高亮的源代码编辑器

    EditArea是一款专为网页开发者设计的开源JavaScript代码编辑器,它具有丰富的特性,适用于各种编程语言的源代码高亮显示。作为一个轻量级且高度可定制的工具,EditArea能够帮助用户在网页上创建功能强大的代码编辑...

    java删除程序代码的行号

    首先,Java源代码文件(.java)是用文本编辑器创建的,这些编辑器可以显示行号以便于阅读和调试。如果你希望在查看或分享代码时去掉行号,你可以选择以下几种方法: 1. **使用文本编辑器功能**:大多数现代文本编辑...

    Word插入代码显示行号并高亮着色显示

    2. **从IDE或文本编辑器复制带格式的代码**: - 在PyCharm或Notepad++中,复制需要的代码段。 - PyCharm默认复制的是RTF格式,可以直接粘贴到Word中。 - 对于Notepad++,可以使用“插件”-“NppExport”-“Copy ...

    安卓代码编辑器 Code Editor 0.5.5 中文免费版.zip

    安卓代码编辑器 Code Editor 中文多语免费版安卓代码编辑器 Code Editor 中文多语免费版 Code Editor 特色 ★超过 110 种语言(c ++,java,javascript,html,markdown,php,perl,python,lua,dart等)的语法...

    带行号的编辑器simditor

    总的来说,Simditor 是一个强大且灵活的带行号的编辑器,不仅能满足基本的文本编辑需求,还能通过丰富的配置和扩展,满足更多专业场景的应用。对于需要行号显示的用户,Simditor 是一个值得考虑的选择。

    在线代码编辑器

    然后,通过JavaScript代码实例化EditArea,指定编辑器的容器元素,并配置所需的参数,如支持的语言类型、高亮样式等。例如: ```html <!DOCTYPE html> 使用EditArea的示例 <textarea id="code"></...

    aceEditor代码编辑器api

    4. **Ace - Embedding Ace.html**:这章专注于如何将AceEditor嵌入到网页中,包括基本的HTML和JavaScript代码示例,以及如何在动态创建的元素中使用AceEditor。 5. **Ace - Syntax Highlighter.html**:AceEditor的...

    JavaScript高仿码上掘金的代码编辑器源码.zip

    "JavaScript高仿码上掘金的代码编辑器源码.zip" 是一个包含JavaScript实现的代码编辑器源码,它可能是为了模仿知名的开发者社区“码上掘金”的在线编辑器功能。这个编辑器可能具有代码高亮、自动完成、实时预览等...

    CodeMirror在线代码编辑器

    5. **行号和标尺**:CodeMirror显示行号,便于定位代码位置,同时还可以自定义垂直标尺,用于对齐代码。 6. **多光标与多选**:这个功能允许用户在同一行或多个位置设置光标,进行批量编辑,极大地提高了工作效率。...

    如何让vim编辑器永久显示行号和命令大全

    为了永久性地让Vim编辑器显示行号,我们通常需要修改Vim的配置文件,这可以通过设置~/.vimrc文件来实现。 首先,我们来看看如何临时设置行号。在Vim中,可以通过命令模式(按下`:`)输入`set nu`命令来临时显示行号...

Global site tag (gtag.js) - Google Analytics