(:noleft:)
%rht bgcolor=yellow%[[{$Name}?action=source|View Source]]%%
!!%blue%Precode Test - Using Precode markup and CodePresenter

>>aaa width='80pct'<<
!!!%blue%About CodePresenter
(:include {$Name}#content1 :)

!!!%green%Line number begin
(:include {$Name}#content3 :)

!!!%green%No line numbers
(:include {$Name}#content2 :)

!!!%green%Line number continue
(:include {$Name}#content4 :)
>><<

(:if false:)
[[#content1]]
* CodePresenter helps in navigating codes/text.
* Precode.Highlight - module for highlighting lines.

```html showlines liststyle=upper-latin linereset=26 highlights='3'
[@
 usage : click on code/text area, navigate

 arrows:
   down  : move highlight line down
   up    : move highlight line up
   right : fix highlight
   left  : un-fix highlight

 dependencies - jQuery, Precode, Precode.Highlight
@]
```
[[#content2]]
```python showlines=0
[@
@requires_authorization
def somefunc(param1='', param2=0):
    r'''A docstring'''
    if param1 > param2: # interesting
        print 'Gre\'ater'
    return (param2 - param1 + 1) or None

class SomeClass:
    pass
@]
```
[[#content3]]
```html showlines highlights='5,10' classreset="testing:100"
[@
<!DOCTYPE html>
<head>
  <title>testing</title>
  <meta charset="utf-8">
  <link rel="stylesheet" title="Default" href="styles/default.css">
</head>
<body>
<div onclick="javascript:alert('aaaa');">clickme</div>
<div onclick="alert('aaaa');">clickme2</div>
<script>
  $(document).ready(function() {
    $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
  });
</script>
@]
```
[[#content4]]
```css showlines classreset="testing" theme=default
[@
pre code {
  display: block; padding: 0.5em;
  background: white; color: black;
}

pre .string,
pre .tag .value,
pre .filter .argument,
pre .apache .tag,
pre .apache .cbracket,
pre .nginx .built_in,
pre .tex .formula {
  color: #bbb;
}
@]
```
[[#end]]
(:ifend:)
 
