5),(@signal < 1) { error: "Signal is out of range"; }
1952 | .inception(@signal, @arguments);
1953 | }
1954 | .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
1955 |
1956 | .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
1957 | // -- this comment must be here because of LESS bug
1958 | .result(@arguments, @mozSignal, @moz, @mozLocal);
1959 | // --
1960 | .result(@arguments, @operaSignal, @opera, @operaLocal);
1961 | // --
1962 | .result(@arguments, @msSignal, @ms, @msLocal);
1963 | // --
1964 | .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
1965 | }
1966 |
1967 | // element{ .transition-property(width); }
1968 |
1969 |
1970 | // .transition-duration
1971 |
1972 | .transition-duration(@arguments:0){
1973 |
1974 | // Local config for disabling properties
1975 |
1976 | @w3cLocal: true; // Unprefixed W3C syntax
1977 | @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
1978 | @mozLocal: true; // Firefox 4+
1979 | @operaLocal: true; // Opera 10.5+
1980 | @msLocal: true; // IE 10+
1981 |
1982 | .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
1983 | .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition-duration: @arguments; }
1984 | .inception (@signal, @arguments) when (@signal = 2) { -moz-transition-duration: @arguments; }
1985 | .inception (@signal, @arguments) when (@signal = 3) { -o-transition-duration: @arguments; }
1986 | .inception (@signal, @arguments) when (@signal = 5) { transition-duration: @arguments; }
1987 | .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
1988 | .inception(@signal, @arguments);
1989 | }
1990 | .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
1991 |
1992 | .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
1993 | // -- this comment must be here because of LESS bug
1994 | .result(@arguments, @mozSignal, @moz, @mozLocal);
1995 | // --
1996 | .result(@arguments, @operaSignal, @opera, @operaLocal);
1997 | // --
1998 | .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
1999 | }
2000 |
2001 | // element{ .transition-duration(250ms); }
2002 |
2003 |
2004 | // .transition-timing-function
2005 |
2006 | .transition-timing-function(@arguments:ease){
2007 |
2008 | // Local config for disabling properties
2009 |
2010 | @w3cLocal: true; // Unprefixed W3C syntax
2011 | @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
2012 | @mozLocal: true; // Firefox 4+
2013 | @operaLocal: true; // Opera 10.5+
2014 | @msLocal: true; // IE 10+
2015 |
2016 | .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
2017 | .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition-timing-function: @arguments; }
2018 | .inception (@signal, @arguments) when (@signal = 2) { -moz-transition-timing-function: @arguments; }
2019 | .inception (@signal, @arguments) when (@signal = 3) { -o-transition-timing-function: @arguments; }
2020 | .inception (@signal, @arguments) when (@signal = 5) { transition-timing-function: @arguments; }
2021 | .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
2022 | .inception(@signal, @arguments);
2023 | }
2024 | .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
2025 |
2026 | .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
2027 | // -- this comment must be here because of LESS bug
2028 | .result(@arguments, @mozSignal, @moz, @mozLocal);
2029 | // --
2030 | .result(@arguments, @operaSignal, @opera, @operaLocal);
2031 | // --
2032 | .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
2033 | }
2034 |
2035 | // element{ .transition-timing-function(cubic-bezier(0,0,1,1)); }
2036 |
2037 |
2038 | // .transition-delay
2039 |
2040 | .transition-delay(@arguments:0){
2041 |
2042 | // Local config for disabling properties
2043 |
2044 | @w3cLocal: true; // Unprefixed W3C syntax
2045 | @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
2046 | @mozLocal: true; // Firefox 4+
2047 | @operaLocal: true; // Opera 10.5+
2048 | @msLocal: true; // IE 10+
2049 |
2050 | .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
2051 | .inception (@signal, @arguments) when (@signal = 1) { -webkit-transition-delay: @arguments; }
2052 | .inception (@signal, @arguments) when (@signal = 2) { -moz-transition-delay: @arguments; }
2053 | .inception (@signal, @arguments) when (@signal = 3) { -o-transition-delay: @arguments; }
2054 | .inception (@signal, @arguments) when (@signal = 5) { transition-delay: @arguments; }
2055 | .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
2056 | .inception(@signal, @arguments);
2057 | }
2058 | .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
2059 |
2060 | .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
2061 | // -- this comment must be here because of LESS bug
2062 | .result(@arguments, @mozSignal, @moz, @mozLocal);
2063 | // --
2064 | .result(@arguments, @operaSignal, @opera, @operaLocal);
2065 | // --
2066 | .result(@arguments, @w3cSignal, @w3c, @w3cLocal);
2067 | }
2068 |
2069 | // element{ .transition-delay(2s); }
2070 |
2071 |
2072 | // .user-select
2073 |
2074 | .user-select(@arguments:auto){
2075 |
2076 | // Local config for disabling properties
2077 |
2078 | @webkitLocal: true; // Chrome 7+, Safari 5+, iOS5, Android
2079 | @mozLocal: true; // Firefox 4+
2080 | @msLocal: true; // IE 10+
2081 |
2082 | .result (@arguments, @signal, @boolean, @localBoolean) when (@boolean = true) and (@localBoolean = true) {
2083 | .inception (@signal, @arguments) when (@signal = 1) { -webkit-user-select: @arguments; }
2084 | .inception (@signal, @arguments) when (@signal = 2) { -moz-user-select: @arguments; }
2085 | .inception (@signal, @arguments) when (@signal = 4) { -ms-user-select: @arguments; }
2086 | .inception (@signal, @arguments) when (@signal > 5),(@signal < 1) { error: "Signal is out of range"; }
2087 | .inception(@signal, @arguments);
2088 | }
2089 | .result (@arguments, @signal, @boolean, @localBoolean) when not (@boolean = true), not (@localBoolean = true) { }
2090 |
2091 | .result(@arguments, @webkitSignal, @webkit, @webkitLocal);
2092 | // -- this comment must be here because of LESS bug
2093 | .result(@arguments, @mozSignal, @moz, @mozLocal);
2094 | // --
2095 | .result(@arguments, @msSignal, @ms, @msLocal);
2096 | }
2097 |
2098 | // element{ .user-select(text); }
--------------------------------------------------------------------------------
/example/partials/hljs-include.html:
--------------------------------------------------------------------------------
1 | hljs + hljs-include
2 |
3 | hljs-include directive loads text/ng-template or XHR partial content in. The expression works as bulit-in ng-include.
4 |
5 |
23 | Load from text/ng-template script tag.
24 |
25 | Python (ref: highlight.js demo page )
28 |
30 | Load partials/lang-perl with XHR.
31 |
32 | Perl (ref: highlight.js demo page )
35 |
--------------------------------------------------------------------------------
/example/partials/hljs-interpolate.html:
--------------------------------------------------------------------------------
1 | hljs + hljs-interpolate
2 |
3 | Make code get interpolated by $interpolate service after highlighting by making hljs-interpolate expression result truthy.
4 | Note
6 |
7 | Works with hljs, hljs-source and hljs-include.
8 |
9 |
10 | hljs + hljs-language
2 |
3 | Specify the language with hljs-language directive.
4 |
5 |
8 |
13 |
14 |
The same piece of code highlight with perl syntax.
15 |
Perl (forced)
16 |
17 |
18 |
hljs + hljs-source
2 |
3 | hljs-source directive connects the highlight content with hljs.
4 |
5 | Click on the button will drop the page source into $scope.subSource, and triggers hljs directive to display the highlighted $scope.subSource.
8 |
9 |
10 | put $scope.subSource
11 | clear $scope.subSource
12 |
17 |
18 | Demostrates the source expression evaluation.
20 |
21 |
22 |
--------------------------------------------------------------------------------
/example/partials/hljs.html:
--------------------------------------------------------------------------------
1 | hljs
2 |
3 | Basic usage of hljs, just drop code in the directive.
4 | Note
6 |
7 | Can't work with code contains hljs tag.
8 |
9 | Can't preserve whitespaces inside HTML tag. Take a peek at the page source with "show source" on the top-right corner.
10 |
11 |
12 | Limitations above are not applicable when the auto-escape feature is off. With escape="false" or no-escape.
13 |
14 |
15 |
16 |
17 | HTML (ref: ngSelect example )
21 |
22 |
23 | selection:
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
37 |
38 |
39 |
HTML without auto-escape (ref: ngSelect example )
43 | <!-- setup selection display/input input:text -->
44 | <p class="lead">
45 | selection: <input type="text" ng-model="selection">
46 | </p>
47 |
48 | <!-- bind scope.selection to ngSelect model -->
49 | <div class="row example" ng-select="selection">
50 | <div class="col-xs-12">
51 |
52 | <!-- five images with number as option value -->
53 | <!-- add "selected" class on option selected -->
54 | <img class="img-polaroid img-circle"
55 | ng-repeat="num in [1, 2, 3, 4, 5] track by $id($index)"
56 | ng-src="http://lorempixel.com/100/100/sports/{{ num }}"
57 | ng-select-option="{{ num }}"
58 | select-class="{'selected': $optSelected}">
59 | </div>
60 | </div>
61 |
62 |
63 | Django templates (ref: highlight.js demo page )
65 | {% if articles|length %}
66 | {% for article in articles %}
67 |
68 | {# Striped table #}
69 |
70 | {{ article|default:"Hi... "|escape }}
71 | {{ article.date|date:"d.m.Y" }}
72 |
73 |
74 | {% endfor %}
75 | {% endif %}
76 |
77 | {% comment %}
78 | Comments may be long and
79 | multiline.
80 | {% endcomment %}
81 |
82 |
83 | CSS (ref: highlight.js demo page )
85 | @media screen and (-webkit-min-device-pixel-ratio: 0) {
86 | body:first-of-type pre::after {
87 | content: 'highlight: ' attr(class);
88 | }
89 | }
90 |
91 | @import url('print.css');
92 | @page:right {
93 | margin: 1cm 2cm 1.3cm 4cm;
94 | }
95 |
96 | @font-face {
97 | font-family: Chunkfive; src: url('Chunkfive.otf');
98 | }
99 |
100 | div.text,
101 | #content,
102 | li[lang=ru] {
103 | font: Tahoma, Chunkfive, sans-serif;
104 | background: url('hatch.png') /* wtf? */; color: #F0F0F0 !important;
105 | width: 100%;
106 | }
107 |
108 |
109 | JSON (ref: highlight.js demo page )
111 | [
112 | {
113 | "title": "apples",
114 | "count": [12000, 20000],
115 | "description": {"text": "...", "sensitive": false}
116 | },
117 | {
118 | "title": "oranges",
119 | "count": [17500, null],
120 | "description": {"text": "...", "sensitive": false}
121 | }
122 | ]
123 |
124 |
--------------------------------------------------------------------------------
/example/partials/lang-perl:
--------------------------------------------------------------------------------
1 | # loads object
2 | sub load
3 | {
4 | my $flds = $c->db_load($id,@_) || do {
5 | Carp::carp "Can`t load (class: $c, id: $id): '$!'"; return undef
6 | };
7 | my $o = $c->_perl_new();
8 | $id12 = $id / 24 / 3600;
9 | $o->{'ID'} = $id12 + 123;
10 | #$o->{'SHCUT'} = $flds->{'SHCUT'};
11 | my $p = $o->props;
12 | my $vt;
13 | $string =~ m/^sought_text$/;
14 | $items = split //, 'abc';
15 | for my $key (keys %$p)
16 | {
17 | if(${$vt.'::property'}) {
18 | $o->{$key . '_real'} = $flds->{$key};
19 | tie $o->{$key}, 'CMSBuilder::Property', $o, $key;
20 | }
21 | }
22 | $o->save if delete $o->{'_save_after_load'};
23 | return $o;
24 | }
25 |
26 | =head1 NAME
27 | POD till the end of file
28 |
--------------------------------------------------------------------------------
/example/partials/lang-php:
--------------------------------------------------------------------------------
1 | require_once 'Zend/Uri/Http.php';
2 |
3 | abstract class URI extends BaseURI
4 | {
5 |
6 | /**
7 | * Returns a URI
8 | *
9 | * @return URI
10 | */
11 | static public function _factory($stats = array(), $uri = 'http')
12 | {
13 | $uri = explode(':', $uri, 0b10);
14 | $schemeSpecific = isset($uri[1]) ? $uri[1] : '';
15 | $desc = 'Multi
16 | line description';
17 |
18 | // Security check
19 | if (!ctype_alnum($scheme)) {
20 | throw new Zend_Uri_Exception('Illegal scheme');
21 | }
22 |
23 | return [
24 | 'uri' => $uri,
25 | 'value' => null,
26 | ];
27 | }
28 | }
29 |
30 | __halt_compiler () ; datahere
31 | datahere
32 | datahere */
33 | datahere
34 |
--------------------------------------------------------------------------------
/example/scripts/app.js:
--------------------------------------------------------------------------------
1 | angular.module('exampleApp', ['ngRoute', 'hljs'])
2 |
3 | .constant('exampleRoutes', [
4 | '/hljs', '/hljs-source', '/hljs-include', '/hljs-language', '/hljs-interpolate'
5 | ])
6 |
7 | .config(['$routeProvider', 'exampleRoutes',
8 | function ($routeProvider, exampleRoutes) {
9 |
10 | angular.forEach(exampleRoutes, function (path) {
11 | $routeProvider.when(path, {
12 | templateUrl: 'partials' + path + '.html'
13 | });
14 | });
15 |
16 | $routeProvider
17 | .otherwise({
18 | redirectTo: exampleRoutes[0]
19 | });
20 | }]);
21 |
--------------------------------------------------------------------------------
/example/scripts/controllers.js:
--------------------------------------------------------------------------------
1 | angular.module('exampleApp')
2 |
3 | .controller('ExampleCtrl', [
4 | '$scope', '$location', '$templateCache', 'exampleRoutes',
5 | function ExampleCtrl($scope, $location, $templateCache, exampleRoutes) {
6 |
7 | $scope.linkList = angular.copy(exampleRoutes);
8 |
9 | // $scope.title = titleMap[key];
10 |
11 | $scope.source = null;
12 | $scope.subSource = null;
13 |
14 | $scope.getNavName = function (link) {
15 | if (link.indexOf('hljs-') < 0) {
16 | return 'basic';
17 | }
18 | return link.substr(1).replace('hljs-', '');
19 | };
20 |
21 | $scope.toggleSource = function (target) {
22 | target = target || 'source';
23 |
24 | if ($scope[target] === null) {
25 | $scope[target] = $templateCache.get('partials' + $scope.path + '.html')[1];
26 | }
27 | else {
28 | $scope[target] = null;
29 | }
30 | };
31 |
32 | $scope.$on('$routeChangeSuccess', function () {
33 | $scope.path = $location.path();
34 | $scope.disabled = false;
35 |
36 | $scope.source = null;
37 | });
38 | }])
39 |
40 | .controller('InterpolateExampleCtrl', [
41 | '$scope',
42 | function InterpolateExampleCtrl($scope) {
43 |
44 | $scope.name = 'Robin';
45 | $scope.job = 'Front-end Engineer';
46 |
47 | }]);
48 |
--------------------------------------------------------------------------------
/example/styles.less:
--------------------------------------------------------------------------------
1 | @import "lesshat";
2 |
3 | body > .container {
4 | position: relative;
5 | }
6 |
7 | pre {
8 | padding: 0;
9 | // background-color: transparent;
10 | border: none;
11 | font-size: inherit;
12 |
13 | code.hljs {
14 | background-color: darken(#f8f8f8, 1%);
15 | }
16 | }
17 |
18 | small {
19 | strong {
20 | color: #333;
21 | }
22 | color: gray;
23 | }
24 |
25 | [ng-view] {
26 | padding: 0 20px;
27 |
28 | input {
29 | font-size: 20px;
30 | }
31 | }
32 |
33 | .source-overlay {
34 | position: fixed;
35 | z-index: 1;
36 |
37 | width: 100%;
38 |
39 | left: 0; top: 0;
40 | right: 0; bottom: 0;
41 |
42 | background-color: rgba(0, 0, 0, 0.5);
43 | }
44 |
45 | .source-stage {
46 | position: absolute;
47 | z-index: 10;
48 |
49 | top: 55px;
50 | }
51 |
52 | .navbar {
53 | position: relative;
54 | z-index: 2;
55 |
56 | .show-source {
57 | position: absolute;
58 |
59 | right: 10px;
60 | top: 7px;
61 | }
62 | }
63 |
64 | .example {
65 | .item () {
66 | .transition(~"all 150ms linear");
67 | cursor: pointer;
68 |
69 | &.selected {
70 | cursor: default;
71 | .box-shadow(~"0 0 10px 2px rgba(252, 18, 36, 0.5)");
72 | }
73 | }
74 |
75 | img {
76 | .item;
77 | margin-left: 10px;
78 | }
79 |
80 | &.multiple {
81 | .selected {
82 | cursor: pointer !important;
83 | }
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular-highlightjs",
3 | "version": "0.7.1",
4 | "description": "AngularJS directive for syntax highlighting with highlight.js",
5 | "main": "./build/angular-highlightjs.js",
6 | "directories": {},
7 | "scripts": {
8 | "test": "echo \"Error: no test specified\" && exit 1"
9 | },
10 | "repository": {
11 | "type": "git",
12 | "url": "https://github.com/pc035860/angular-highlightjs.git"
13 | },
14 | "keywords": [
15 | "angularjs",
16 | "highlight.js",
17 | "angular-highlightjs"
18 | ],
19 | "author": {
20 | "name": "Chih-Hsuan Fan",
21 | "email": "pc035860@gmail.com"
22 | },
23 | "license": "MIT",
24 | "readmeFilename": "README.md",
25 | "devDependencies": {
26 | "grunt": "~0.4.1",
27 | "grunt-contrib-concat": "^0.5.0",
28 | "grunt-contrib-connect": "^0.9.0",
29 | "grunt-contrib-copy": "^0.7.0",
30 | "grunt-contrib-jshint": "^0.11.0",
31 | "grunt-contrib-uglify": "^0.7.0",
32 | "grunt-contrib-watch": "^0.6.0",
33 | "grunt-ng-annotate": "^1.0.1"
34 | },
35 | "dependencies": {
36 | "angular": "^1.0.1",
37 | "highlight.js": ">7.0.0"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/plunk-source/README.md:
--------------------------------------------------------------------------------
1 | # Plunk Source
2 |
3 | A easy-to-use source embedder for [Plunker](http://plnkr.co) plunks.
4 |
5 | ## Preface
6 |
7 | Implemented with `angular-highlightjs`, based on the idea of [plunk v3Mz2](http://plnkr.co/edit/v3Mz2C?p=preview).
8 |
9 | ## Usage
10 |
11 | #### Syntax
12 |
13 | ```
14 | http://pc035860.github.io/angular-highlightjs/plunk-source/#/{plunk-id}/{highlight-theme-name}
15 | ```
16 |
17 | * `plunk-id` - {string} - Plunk ID. (`OPxzDu` of http://plnkr.co/edit/OPxzDu?p=preview)
18 | * `highlight-theme-name` - {string} - Choose from any highlight theme available at [highlight.js git repo](https://github.com/isagalaev/highlight.js/tree/master/src/styles). (optional, default `default`)
19 |
20 | #### Embed as an iframe
21 |
22 | It's required to specify `width` and `height` attribute.
23 |
24 | ```html
25 |
26 | ```
27 |
28 | ## Todo
29 |
30 | * script file for embedding
31 | * support auto-grow iframe when using script embedding
32 |
--------------------------------------------------------------------------------
/plunk-source/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | plunk source
7 |
8 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/plunk-source/partials/main.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/plunk-source/plunk-source-template.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | loading…
4 |
5 |
45 |
tag
176 | _elm.addClass(res.language);
177 |
178 | if (_hlCb !== null && angular.isFunction(_hlCb)) {
179 | _hlCb();
180 | }
181 | };
182 | ctrl.highlight = debounce(ctrl._highlight, 17);
183 |
184 | ctrl.clear = function () {
185 | if (!_elm) {
186 | return;
187 | }
188 | _code = null;
189 | _elm.text('');
190 | };
191 |
192 | ctrl.release = function () {
193 | _elm = null;
194 | _interpolateScope = null;
195 | (_stopInterpolateWatch||angular.noop)();
196 | _stopInterpolateWatch = null;
197 | };
198 |
199 | ctrl._cacheKey = function () {
200 | var args = Array.prototype.slice.call(arguments),
201 | glue = "!angular-highlightjs!";
202 | return args.join(glue);
203 | };
204 |
205 |
206 | // http://davidwalsh.name/function-debounce
207 | function debounce(func, wait, immediate) {
208 | var timeout;
209 | return function() {
210 | var context = this, args = arguments;
211 | var later = function() {
212 | timeout = null;
213 | if (!immediate) {
214 | func.apply(context, args);
215 | }
216 | };
217 | var callNow = immediate && !timeout;
218 | $window.clearTimeout(timeout);
219 | timeout = $window.setTimeout(later, wait);
220 | if (callNow) {
221 | func.apply(context, args);
222 | }
223 | };
224 | }
225 |
226 | // Ref: http://stackoverflow.com/questions/3115150/how-to-escape-regular-expression-special-characters-using-javascript
227 | function escapeRe(text, asString) {
228 | var replacement = asString ? "\\\\$&" : "\\$&";
229 | return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, replacement);
230 | }
231 |
232 | function extractInterpolations(code) {
233 | var interpolateTokens = [],
234 | re = new RegExp(RE_INTERPOLATION_STR, 'g'),
235 | newCode = '',
236 | lastIndex = 0,
237 | arr;
238 |
239 | while ((arr = re.exec(code)) !== null) {
240 | newCode += code.substring(lastIndex, arr.index) + INTERPOLATION_SYMBOL;
241 | lastIndex = arr.index + arr[0].length;
242 | interpolateTokens.push(arr[0]);
243 | }
244 |
245 | newCode += code.substr(lastIndex);
246 |
247 | return {
248 | code: newCode,
249 | tokens: interpolateTokens
250 | };
251 | }
252 |
253 | function recoverInterpolations(code, tokens) {
254 | var re = new RegExp(INTERPOLATION_SYMBOL, 'g'),
255 | newCode = '',
256 | lastIndex = 0,
257 | arr;
258 |
259 | while ((arr = re.exec(code)) !== null) {
260 | newCode += code.substring(lastIndex, arr.index ) + tokens.shift();
261 | lastIndex = arr.index + arr[0].length;
262 | }
263 |
264 | newCode += code.substr(lastIndex);
265 |
266 | return newCode;
267 | }
268 | });
269 |
270 |
271 | var hljsDir, interpolateDirFactory, languageDirFactory, sourceDirFactory, includeDirFactory;
272 |
273 | /**
274 | * hljs directive
275 | */
276 | hljsDir = /*@ngInject*/ function ($parse) {
277 | return {
278 | restrict: 'EA',
279 | controller: 'HljsCtrl',
280 | compile: function(tElm, tAttrs, transclude) {
281 | // get static code
282 | // strip the starting "new line" character
283 | var staticHTML = tElm[0].innerHTML.replace(/^(\r\n|\r|\n)/, ''),
284 | staticText = tElm[0].textContent.replace(/^(\r\n|\r|\n)/, '');
285 |
286 | // put template
287 | tElm.html('JSON pretty print with AngularJS
7 |
16 |
JSON pretty print with AngularJS powered by angular-highlightjs
17 |
18 |
19 |
JSON or Object expression
20 |
21 |
22 |
23 |
24 |
25 |
26 | Pretty print
27 | tab width:
28 |
29 |
30 |
31 |
32 |
33 |