Example 1: HTML5 validations
You can use ng-maxlength and ng-minlength to build validations, for example:
ng-maxlength = 1000 | ng-minlength = 3
Notice that `-error` class is added in the contenteditable element for you handle it.
{{model.example1}}
Example 2: without any optional attributes
This time the `contenteditable` will work as expected, adding html code when you breakline for example.
{{model.example2}}
Example 3: remove HTML tags
You can use the only-text attribute to make the html tags inside the contenteditable disappear.
Notice even breakline will be not possible to be added.
{{model.example3}}
Example 4: turn breaklines in `/r/n`
In case you need to save in your store (ex: database), with the traditionals specials characters `/r/n`, just use the convert-new-lines attribute.
Notice `ng-content-editable` will replace `<div>`, `<p>` and `<br>` with `/r/n`.
{{model.example4}}
Example 5: allow numbers only
All numeric values only by using adding attribute only-num.
{{model.example5}}
Example 6: no linefeed
The contenteditable element with attribute no-lf works like normal single input field. Entering line feeds will be ignored.
{{model.example6}}
Example 7: no trim
Usually all leading or trainling whitespaces are trimmed from contenteditable input. To preserve leading and
trainling whitespaces add attribute no-trim. Try add whitespaces at begin or end of input.
{{model.example7 ? '[' + model.example7 + ']' : ''}}
Just to test the default behaviour, try add whitespaces at begin or end of input.
{{model.example8 ? '[' + model.example8 + ']' : ''}}