angular-contenteditable

WebJar for angular-contenteditable

License

License

MIT
Categories

Categories

Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

angular-contenteditable
Last Version

Last Version

0.3.7
Release Date

Release Date

Type

Type

jar
Description

Description

angular-contenteditable
WebJar for angular-contenteditable
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/akatov/angular-contenteditable

Download angular-contenteditable

How to add to project

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

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

angular-contenteditable

Build Status Dependency Status endorse

An AngularJS directive to bind html tags with the contenteditable attribute to models.

Install

bower install angular-contenteditable

Usage

angular.module('myapp', ['contenteditable'])
  .controller('Ctrl', ['$scope', function($scope) {
    $scope.model="<i>interesting</i> stuff"
  }])
<div ng-controller="Ctrl">
  <span contenteditable="true"
        ng-model="model"
        strip-br="true"
        strip-tags="true"
        select-non-editable="true">
  </span>
</div>

Notice

The directive currently does not work in any version of Internet Explorer or Opera < 15. Both browsers don't fire the input event for contenteditable fields.

In Chrome, when a contenteditable element X contains a non-contenteditable element Y as the last element, then the behaviour of the caret is the following:

  • When X has style display set to block or inline-block, then the caret moves to the very far right edge of X when it is immediately at the end of X (inserting spaces moves the caret back).

  • When X has style display set to inline, then the caret disappears instead.

Development

npm install
bower install
grunt

Versions

Version
0.3.7