Markdown Bootstrap Angular Notes

markdown-bootstrap-angular.md

Markdown Bootstrap Angular Notes

Libs

### jquery

<script src="/jquery/dist/jquery.slim.min.js"></script>

Create a global object needed for some plugins

https://stackoverflow.com/questions/28969861/managing-jquery-plugin-dependency-in-webpack#28989476

var webpack = require("webpack");

    ...

    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })
    ]

bootstrap

<link rel="stylesheet" href="/bootstrap/dist/css/bootstrap.min.css" />
<script src="/popper.js/dist/umd/popper.min.js"></script>
<script src="/bootstrap/dist/js/bootstrap.min.js"></script>

bootstrap

<link rel="stylesheet" href="/bootstrap-markdown/css/bootstrap-markdown.min.css">
<script src="/bootstrap-markdown/js/bootstrap-markdown.js"></script>

require global markdown or marked

  if (this.$options.parser) {
        content = this.$options.parser(val)
      } else if (typeof markdown === 'object') {
        content = markdown.toHTML(val)
      } else if (typeof marked === 'function') {
        content = marked(val)
      } else {
        content = val
      }

Check $this.data

Styles

<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css" />

<link rel="stylesheet" href="/highlightjs/styles/github-gist.css" />
<link rel="stylesheet" href="/angular-markdown-editor-ghiscoding/styles/angular-markdown-editor.css">

## Scripts

<script src="/highlightjs/highlight.pack.min.js"></script>

<script src="/marked/marked.min.js"></script>

<script src="/angular/angular.js"></script>
<script src="/angular-route/angular-route.js"></script>
<script src="/angular-sanitize/angular-sanitize.js"></script>
<script src="/angular-marked/dist/angular-marked.min.js"></script>
<script src="/angular-highlightjs/build/angular-highlightjs.min.js"></script>
<script src="/angular-markdown-editor-ghiscoding/src/angular-markdown-editor.js"></script>
<script src="/angular-jwt/dist/angular-jwt.min.js"></script>

<script src="/bootstrap-markdown/locale/bootstrap-markdown.es.js"></script>