Docs for m2-core, m2-components
  1. Components
  2. SdiTextareaComponent

File

projects/m2-core/src/lib/widget-modules/input/sdi-textarea.component.ts

Extends

ContenteditableInput

Metadata

selector sdi-textarea
styles .sdi-textarea { height: 100%; min-height: 1.5em; overflow-x: hidden; overflow-y: auto; border: 1px solid #CCC; padding: .5em; }
template 
<div #contenteditableRef class='sdi-textarea' [ngClass]="styleClasses" [ngStyle]="style"
     [attr.contenteditable]="!readonly"
     [attr.placeholder]="placeholder"
     (input)='onInput($event)'
     (focus)='onFocus($event)'
     (blur)='onBlur($event)'
     (paste)="onPaste($event)"
     (keyup)="onKeyup($event)"></div> <!-- contenteditable should be empty -->

Index

Properties
Methods
Inputs
Outputs

Inputs

keyBoardInputAsHtml
Type : boolean
Default value : true
style
Type : Partial<CSSStyleDeclaration>
styleClasses
Type : string
placeholder
Type : string
readonly
Type : boolean
text
Type : string

Outputs

enterKeyUp
Type : EventEmitter
textChange
Type : EventEmitter

Methods

onBlur
onBlur(event: FocusEvent)
Parameters :
Name Type Optional
event FocusEvent No
Returns : void
onInput
onInput(event)
Parameters :
Name Optional
event No
Returns : void
onKeyup
onKeyup(event: KeyboardEvent)
Parameters :
Name Type Optional
event KeyboardEvent No
Returns : void
onPaste
onPaste(event: ClipboardEvent)
Parameters :
Name Type Optional
event ClipboardEvent No
Returns : void
onTextInput
onTextInput(event: Event)
Parameters :
Name Type Optional
event Event No
Returns : void
Protected updateView
updateView()
Returns : void
Public focus
focus(options?: FocusOptions)
Parameters :
Name Type Optional
options FocusOptions Yes
Returns : void
onFocus
onFocus(event: Event)
Parameters :
Name Type Optional
event Event No
Returns : void
onMousedown
onMousedown()
Returns : void
Protected restoreSelection
restoreSelection(savedSelection: TextSelection)
Parameters :
Name Type Optional
savedSelection TextSelection No
Returns : void

Properties

contenteditableRef
Type : ElementRef<HTMLElement>
Decorators :
@ViewChild('contenteditableRef', {static: true})
Protected hasJustBeenEdited
Type : boolean
Protected Optional prevSelection
Type : TextSelection
textValue
Type : string
Default value : ''
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""