JarCasting
JarCasting JarCasting

angular-pagedown

WebJar for angular-pagedown

License

License

MIT
Categories

Categories

Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angular-pagedown
Last Version

Last Version

0.4.4
Release Date

Release Date
Type

Type

jar
Description

Description

angular-pagedown
WebJar for angular-pagedown
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/kennyki/angular-pagedown

Download angular-pagedown

Filename Size
angular-pagedown-0.4.4.pom
angular-pagedown-0.4.4.jar 9 KB
angular-pagedown-0.4.4-sources.jar 22 bytes
angular-pagedown-0.4.4-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-pagedown/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-pagedown</artifactId>
    <version>0.4.4</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/angular-pagedown/
implementation 'org.webjars.bower:angular-pagedown:0.4.4'
// https://jarcasting.com/artifacts/org.webjars.bower/angular-pagedown/
implementation ("org.webjars.bower:angular-pagedown:0.4.4")
'org.webjars.bower:angular-pagedown:jar:0.4.4'
<dependency org="org.webjars.bower" name="angular-pagedown" rev="0.4.4">
  <artifact name="angular-pagedown" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='angular-pagedown', version='0.4.4')
)
libraryDependencies += "org.webjars.bower" % "angular-pagedown" % "0.4.4"
[org.webjars.bower/angular-pagedown "0.4.4"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : angular jar [1.2,1.3)
org.webjars.bower : pagedown jar [1.1.0,2)

Project Modules

There are no modules declared in this project.

angular-pagedown

A pagedown editor for AngularJS. View this Plunker for demo.

Instructions

  1. bower install angular-pagedown --save
  2. This will install also pagedown dependencies.
  3. Import these files in your HTML
  4. pagedown/Markdown.Converter.js
  5. pagedown/Markdown.Sanitizer.js
  6. pagedown/Markdown.Extra.js
  7. pagedown/Markdown.Editor.js
  8. angular-pagedown/angular-pagedown.js
  9. angular-pagedown/angular-pagedown.css
  10. If you're using a build tool like grunt/gulp's main-bower-files, you don't need to import the files manually.
  11. But add this in your bower.json
"overrides": {
  "pagedown": {
    "main": [
      "Markdown.Converter.js",
      "Markdown.Sanitizer.js",
      "Markdown.Extra.js",
      "Markdown.Editor.js",
      "wmd-buttons.png"
    ]
  }
}
  1. Include dependency in your app angular.module("yourApp", ["ui.pagedown"]);

This package comes with 2 directives:

Editor

<pagedown-editor content="data.content"></pagedown-editor>

Options:

content

  1. An expression.
  2. Expression: Mandatory
  3. Example: <pagedown-editor content="data.content"></pagedown-editor>
  4. Example: <pagedown-editor content="'**some** _markdown_ text'"></pagedown-editor>

show-preview

  1. Should a live preview be displayed.
  2. Boolean: Default to true

help

  1. An expression to invoke upon clicking the help (?) button.
  2. Expression: Default to open http://daringfireball.net/projects/markdown/syntax in new window
  3. Example: <pagedown-editor content="data.content" help="showSomeHelp()"></pagedown-editor>

insert-image

  1. An expression to invoke upon clicking the "Insert Image" button.
  2. Expression: Default to noop
  3. Example: <pagedown-editor content="data.content" insert-image="promptImageUrl()"></pagedown-editor>
  4. The parent scope function promptImageUrl must return either: - A string of image URL. - A promise resolved with a string of image URL.

placeholder

  1. An expression.
  2. Expression: Default to empty string
  3. Example: <pagedown-editor content="data.content" placeholder="{{data.placeholder}} or anything"></pagedown-editor>

editor-class

  1. An expression to use as ngClass.
  2. Expression: Default to wmd-input
  3. Example: <pagedown-editor content="data.content" editorClass="{'a-class': true}"></pagedown-editor>
  4. Example: <pagedown-editor content="data.content" editorClass="'a-class another-class'"></pagedown-editor>
  5. Example: <pagedown-editor content="data.content" editorClass="aScopeVariable"></pagedown-editor>

editor-rows

  1. Number of rows for the <textarea> element
  2. Number: default to 10

preview-class

  1. An expression to use as ngClass.
  2. Expression: Default to wmd-panel wmd-preview
  3. See editor-class

preview-content

  1. An expression, will be updated with converted HTML when the editor content changes. Can be coupled with show-preview="false" and a custom previewer.
  2. Optional

Viewer

<pagedown-viewer content="data.content"></pagedown-viewer>

TODO

  1. Grunt setup to minify files.
  2. Extend PageDown editor to allow override of hyper link insertion.

Versions

Version
0.4.4