Skip to main content

CodeHighlighter Extension for MediaWiki

WordPress용 Code Highlighter를 만들어보고 내친김에 MediaWiki용도 만들어보았다. ((CodeHighlighter MediaWiki Extension Site)) ((Screenshots)) 역시 MediaWiki쪽이 작성이 용이했는데 이유는 MediaWiki는 내용이 아직 wiki syntax일때 extension이 동작하기 때문에 html tag나 escape character같은 것에 신경을 쓰지 않아도 되고 또한 tag 이름만 정하면 알아서 tag내의 attribute까지 parsing해주기 때문이었다.

사용법은 code 태그안에 lang이라는 속성을 다음과 같이 추가로 지정하면 된다.
<code lang="cpp">

추가로 원하는 라인을 강조하고 싶다면 다음과 같이 em 속성을 추가한다.
<code lang="cpp" em="2,3,10-15">

만약 code 태그안에 lang이라는 속성이 없으면 그냥 pre 태그로 치환된다.

Comments

  1. We like the code highlighter module very much. And seem to have corrected the issue with the nested pre statements when highlighting. Two lines in the extension is all we changed:

    First set the font-family to monospace (not neccessary, but makes text line up a bit better)
    $geshi->set_overall_style('font-family:monospace;font-size....

    Then use this option to geshi:
    $geshi->set_header_type(GESHI_HEADER_DIV);

    So far we have not seen any other problems with this method.

    ReplyDelete
  2. Thanks. I tested and it worked. :-)

    But it has a drawback. The border is not displayed. Usually, a theme has a style about pre tag. But if we use DIV option, the user should modify their css.

    But your solution is great if the user can modify the css. I will comment your solution to the extension site. Thanks again~

    ReplyDelete
  3. I just installed Code Highlighter and it works just fine, but only after I renamed CodeHighlighter.php to codehighlighter.php . Without doing that, Mediawiki would yield an error message about the "require("extensions/codehighlighter.php");".

    Perhaps this is only relevant for case sensitive operating systems. My Mediawiki runs on an Ubuntu server. Changing the line to

    require("extensions/CodeHighlighter.php");

    would probably do no harm.

    Thanks for the nice extension!

    ReplyDelete

Post a Comment

Popular posts from this blog

CodeHighlighter plugin test page.

This post is for testing CodeHighlighter plugin which uses GeSHi as a fontifier engine. ((Those code blocks are acquired from Google Code Search .)) ((For more supported languages, go CodeHighlighter plugin or GeSHi homepage.)) C++ (<pre lang="cpp" lineno="1">) class nsScannerBufferList { public: /** * Buffer objects are directly followed by a data segment. The start * of the data segment is determined by increment the |this| pointer * by 1 unit. */ class Buffer : public PRCList { public: Buffer() { ++index_; } PHP (<pre lang="php" lineno="4">) for ($i = 0; $i $value = ord( $utf8_string[ $i ] ); if ( $value < 128 ) { // ASCII $unicode .= chr($value); } else { if ( count( $values ) == 0 ) { $num_octets = ( $value } $values[] = $value; Lisp (<pre lang="lisp">) ;;; Assignment (define-caller-pattern setq ((:star var fo...

C++ of the Day #43 - SQLite3 C++ wrapper #1

The Definitive Guide to SQLite 를 읽다가 공부 겸 해서 C++ wrapper를 만들어 보았습니다. 최대한 C++ 냄새(?)가 나도록 만들어 보았습니다. :-) ((SQLite는 복잡한 관리가 필요없이 사용가능한, 파일이나 메모리 기반의, 라이브러리로 제공되는, 약 250kb 용량의, 대부분의 SQL92문을 지원하는, open source RDB입니다.)) 이 wrapper를 사용하기 위해서는 (당연하게도!) sqlite3 와 (당연하게도?) boost 라이브러리가 필요합니다. 사용 예들을 살펴보는 것으로 설명을 대신합니다. 이번 글에서는 다음과 같은 contacts 테이블이 test.db에 존재한다고 가정합니다. CREATE TABLE contacts ( id INTEGER PRIMARY KEY, name TEXT NOT NULL, phone TEXT NOT NULL, UNIQUE(name, phone) ); Command 먼저 test.db 파일을 사용하기 위해 다음과 같이 파일 이름을 주어 connection 객체를 생성합니다. 생성과 동시에 test.db와 연결이 이루어집니다. ((생성자외에 open() 함수를 사용할 수도 있습니다.)) sqlite3pp::connection conn("test.db"); 다음은 contacts 테이블에 정보를 추가하는 가장 간단한 방법입니다. connection 클래스에서 제공하는 execute 함수를 사용합니다. ((executef 함수를 사용하면 printf와 같은 문법을 사용하여 query문을 작성할 수 있습니다.)) conn.execute("INSERT INTO contacts (name, phone) VALUES ('user', '1234')"); 위와 동일한 작업을 parameterized query를 사용하여 할 수도 있습니다. ((step()함수가 실제 query문을 수행하는 함수입니다. ...

Textiler plugin test page

This post is for testing Textiler plugin . This plugin uses Textile engine (version 2.0.0). The sample text is come from Textile test page. (Note that the result will be vary according to your CSS options.) Supported wiki syntax Rendering result h2{color:green}. This is a title h3. This is a subhead p{color:red}. This is some text of dubious character. Isn't the use of "quotes" just lazy writing -- and theft of 'intellectual property' besides? I think the time has come to see a block quote. bq[fr]. This is a block quote. I'll admit it's not the most exciting block quote ever devised. Simple list: #{color:blue} one # two # three Multi-level list: # one ## aye ## bee ## see # two ## x ## y # three Mixed list: * Point one * Point two ## Step 1 ## Step 2 ## Step 3 * Point three ** Sub point 1 ** Sub point 2 Well, that went well. How about we insert an <a href="/" title="watch out">old-fashioned hypertext link</a>? Will the quo...