Skip to content

Commit e1367cb

Browse files
ghiscodingghiscoding
committed
initial commit
Angular Markdown Editor Directive. All-in-one Markdown Editor and Preview.
1 parent 7d239b7 commit e1367cb

File tree

654 files changed

+270059
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

654 files changed

+270059
-0
lines changed

‎example/app.js‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
'use strict';
2+
3+
angular.module('example-app', ['hc.marked', 'hljs', 'angular-markdown-editor'])
4+
.config(['markedProvider', 'hljsServiceProvider', function(markedProvider, hljsServiceProvider) {
5+
// marked config
6+
markedProvider.setOptions({
7+
gfm: true,
8+
tables: true,
9+
sanitize: true,
10+
highlight: function (code, lang) {
11+
if (lang) {
12+
return hljs.highlight(lang, code, true).value;
13+
} else {
14+
return hljs.highlightAuto(code).value;
15+
}
16+
}
17+
});
18+
19+
// highlight config
20+
hljsServiceProvider.setOptions({
21+
// replace tab with 4 spaces
22+
tabReplace: ' '
23+
});
24+
}])
25+
.controller("MainController", ["$scope", "marked", function MarkdownController($scope, marked) {
26+
$scope.markdown = "*This* **is** [markdown](https://daringfireball.net/projects/markdown/)\n and `{{ 1 + 2 }}` = {{ 1 + 2 }}";
27+
$scope.markdownService = marked('#TEST');
28+
29+
// --
30+
// normal flow, function call
31+
$scope.convertMarkdown = function() {
32+
vm.convertedMarkdown = marked(vm.markdown);
33+
}
34+
35+
}]);

‎example/index.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!doctype html>
2+
<html ng-strict-di>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Angular-Mardown-Editor (ghiscoding)</title>
6+
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
7+
<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css">
8+
<link rel="stylesheet" href="../node_modules/bootstrap-markdown/css/bootstrap-markdown.min.css">
9+
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/styles/tomorrow.min.css">
10+
<link rel="stylesheet" href="../styles/style.css">
11+
12+
<!-- external librairies CDN -->
13+
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
14+
<script type="text/javascript" src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
15+
<script type="text/javascript" src="../node_modules/angular/angular.min.js"></script>
16+
<script type="text/javascript" src="../node_modules/angular-sanitize/angular-sanitize.min.js"></script>
17+
<script type="text/javascript" src="../node_modules/marked/lib/marked.js"></script>
18+
<script type="text/javascript" src="../node_modules/angular-marked/dist/angular-marked.min.js"></script>
19+
<script type="text/javascript" src="../node_modules/bootstrap-markdown/js/bootstrap-markdown.js"></script>
20+
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/highlight.min.js"></script>
21+
<script type="text/javascript" src="../node_modules/angular-highlightjs/src/angular-highlightjs.js"></script>
22+
23+
<!-- your ng-app file -->
24+
<script type="text/javascript" src="app.js"></script>
25+
<script type="text/javascript" src="../src/angular-markdown-editor.js"></script>
26+
</head>
27+
28+
<body ng-app="example-app" ng-controller="MainController">
29+
<div class="container">
30+
<h1>Angular Markdown Editor</h1>
31+
<a href="https://github.com/ghiscoding/angular-bootstrap-marked">Ghiscoding Github Project</a> |
32+
<a href="http://plnkr.co/edit/jADq7H?p=preview">Plunker Live Demo</a>
33+
34+
<hr/>
35+
36+
<marked>
37+
## Angular Markdown Editor Directive
38+
*It works!*
39+
#### Markdown [cheatsheet](//github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)
40+
</marked>
41+
42+
<hr/>
43+
44+
<div class="row">
45+
<div class="col-md-12 col-lg-6">
46+
<div class="form-group">
47+
<label for="comment">Live Markdown with <a href="http://www.codingdrama.com/bootstrap-markdown/">Bootstrap-Markdown Editor</a>:</label>
48+
<textarea name="content" class="content-box" markdown-editor="{'iconlibrary': 'fa', addExtraButtons: true}" rows="10" ng-model="markdown"></textarea>
49+
</div>
50+
</div>
51+
<div class="col-md-12 col-lg-6 fill">
52+
<div class="form-group">
53+
<label for="comment">Preview Result:</label>
54+
<div marked="markdown" class="outline" style="padding: 20px">
55+
</div>
56+
</div>
57+
</div>
58+
</div>
59+
60+
<hr/>
61+
62+
<div class="outline" style="padding:20px; margin-bottom: 20px" marked src="'readme.md'">
63+
</div>
64+
65+
</div>
66+
<a href="https://github.com/ghiscoding/angular-bootstrap-marked"><img style="position: absolute; top: 0; right: 0; border: 0;" src="//camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="//s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
67+
68+
</body>
69+
</html>

‎example/readme.md‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
## This comes from `readme.md`
2+
3+
### Technology used
4+
* angular.js
5+
* bootstrap
6+
* bootstrap-markdown
7+
* marked.js
8+
* angular-marked
9+
* highlight.js
10+
* angular-highlight
11+
* jQuery
12+
13+
### Section 1
14+
**Bold** and **italic** ~~strike~~ test
15+
16+
### Tables
17+
Colons can be used to align columns.
18+
19+
| Tables | Are | Cool |
20+
| ------------- |:-------------:| -----:|
21+
| col 3 is | right-aligned | $1600 |
22+
| col 2 is | centered | $12 |
23+
| zebra stripes | are neat | $1 |
24+
25+
Markdown | Less | Pretty
26+
--- | --- | ---
27+
*Still* | `renders` | **nicely**
28+
1 | 2 | 3
29+
30+
### Code sample
31+
```javascript
32+
// javascript code sample
33+
function log(data) {
34+
console.log(data);
35+
}
36+
```
37+
38+
```html
39+
<!-- html code sample -->
40+
<h1>Header 1</h1>
41+
```

‎images/scrshot_preview.png‎

36.1 KB
Loading

‎node_modules/.bin/marked‎

Lines changed: 15 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎node_modules/.bin/marked.cmd‎

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎node_modules/angular-highlightjs/.jshintrc‎

Lines changed: 10 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎node_modules/angular-highlightjs/.npmignore‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎node_modules/angular-highlightjs/Gruntfile.js‎

Lines changed: 118 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎node_modules/angular-highlightjs/LICENSE‎

Lines changed: 20 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)