如何使用SyntaxHighlighter获取总行数

时间:2012-08-13 13:10:17

标签: javascript textarea syntax-highlighting syntaxhighlighter

是否可以使用SyntaxHighlighter(http://alexgorbatchev.com/SyntaxHighlighter/)获得源代码的总行数?

我可以使用此处定义的技术:How to get the number of lines in a textarea? 但也许SyntaxHighlighter可以更轻松地完成它。

谢谢。

1 个答案:

答案 0 :(得分:1)

我不相信有一个内置的解决方案,但这里有一个应该可以解决问题的功能。它使用getElementsByClassName方法,因此我认为它不适用于IE8或更低版本。如果您愿意,可以使用您喜欢的DOM查询库。

/**
 * Returns the number of lines in a SyntaxHighlighter code block.
 *
 * @param {Element} node The top-level DOM element containing the code block.
 * @return {Number} The number of code lines, or 0 if not found.
 */
function getLineCount(node) {
    var codeNode;
    var containerNode;

    if (node && typeof node.getElementsByClassName === 'function') {
        codeNode = node.getElementsByClassName('code');

        if (codeNode.length) {              
            containerNode = codeNode[0].getElementsByClassName('container');

            if (containerNode.length) {
                return containerNode[0].children.length;
            }
        }
    }

    return 0;
}

jQuery版本,因为显然这是件事。

function getLineCount(node) {
    return $(node).find('.code .container').children().length;
}