File

src/components/kendoUI/richtextbox/richtextbox.component.ts

Extends

TextBoxBaseComponent

Implements

OnInit DoCheck AfterViewInit OnDestroy Richtextbox

Metadata

Index

Properties
Methods
Inputs
Outputs
Accessors

Constructor

constructor(changeDetector: ChangeDetectorRef, service: WebMapService, renderer1: Renderer2, element1: ElementRef, webComponents: WebComponentsService, bringTopService1: BringTopService, containerInteraction?: ContainerInteractionService)
Parameters :
Name Type Optional
changeDetector ChangeDetectorRef No
service WebMapService No
renderer1 Renderer2 No
element1 ElementRef No
webComponents WebComponentsService No
bringTopService1 BringTopService No
containerInteraction ContainerInteractionService Yes

Inputs

class
Type : string
model
Type : any
tabindex
Type : string
tooltip
Type : string
useCss
Type : boolean
Default value : false

Property to know if the inline styles should not be applied.

Outputs

RichTextBoxChanged
Type : EventEmitter<EventData>

Output to emit the event Richtextbox.

TextChanged
Type : EventEmitter<EventData>

Emmits TextChanged event.

ContextMenu
Type : EventEmitter<EventData>
DragDrop
Type : EventEmitter<EventData>
Enter
Type : EventEmitter<EventData>
GotFocus
Type : EventEmitter<EventData>
KeyDown
Type : EventEmitter<KeyEventArgs>
KeyPress
Type : EventEmitter<EventData>
KeyUp
Type : EventEmitter<KeyEventArgs>
Leave
Type : EventEmitter<EventData>
LostFocus
Type : EventEmitter<EventData>
MouseMove
Type : EventEmitter<MouseEventArgs>
Resize
Type : EventEmitter<EventData>
Validated
Type : EventEmitter<EventData>
Validating
Type : EventEmitter<EventData>

Methods

addToolbarStateSubscription
addToolbarStateSubscription()

Adds the toolbar state subscription to keep the state updated in every change.

Returns : void
calculateSelectionLength
calculateSelectionLength()

this return the selectionStart Property from kendo

Returns : number

{number}

calculateSelectionStart
calculateSelectionStart()

this return the selectionStart Property from kendo

Returns : number

{number}

classes
classes()

Returns all the necessary classes for the editor.

Returns : string

{string}

click
click(event: any)

click event calls the updateSelect for update the selectionStart and selectionLength

Parameters :
Name Type Optional
event any No
Returns : void
detectChangesExecution
detectChangesExecution()

Execute the detectChanges() function on the subscription of the detectChanges, this subscription is in the control.component.ts WinForms

Returns : void
funRefresh
funRefresh()

funRefresh function triggers a refresh mehod when a tab is selected.

Returns : void
getBorderStyleClass
getBorderStyleClass()

Returns the class name to be used for the border styles.

Returns : string

{string}

getDisplayElement
getDisplayElement()

Returns the custom display element.

Returns : any

{*}

getScrollBarsClass
getScrollBarsClass()

Return the correct scrollbars class.

Returns : string

{string}

getUniqueStyleValues
getUniqueStyleValues(stateSelectedStyle: any, cssStyle: string)

Helper to get the styles values from the selected element. This helper is based on the getUniqueStyleValues from progres-kendo-angular-editor utils.js.

Parameters :
Name Type Optional Description
stateSelectedStyle any No
  • Selected style from the toolbar state.
cssStyle string No
  • css style name.
Returns : any
getWordWrapClass
getWordWrapClass()

Returns the correct wordwrap class.

Returns : string

{string}

handlerSelection
handlerSelection(event: any)

KeyUp handler recive the keyboardEvent just wait for ctrl + a to update the selection

Parameters :
Name Type Optional
event any No
Returns : void
keyUp
keyUp(event: any)
Parameters :
Name Type Optional
event any No
Returns : void
loadRtfHtmlValue
loadRtfHtmlValue()

Loads the HTML value to be rendered in the editor.

Returns : void
ngAfterViewInit
ngAfterViewInit()

AfterViewInit lifecycle hook.

Returns : void
ngDoCheck
ngDoCheck()
Returns : void
ngOnDestroy
ngOnDestroy()

OnDestroy lifecycle hook.

Returns : void
ngOnInit
ngOnInit()

OnInit lifecycle hook.

Returns : void
onRichTextBoxChange
onRichTextBoxChange(value: any)

Occurs when the Text property value changes.

Parameters :
Name Type Optional
value any No
Returns : void
onRichTextBoxKeyUp
onRichTextBoxKeyUp(event: any)

Handler for the richtextbox value change.

Parameters :
Name Type Optional
event any No
Returns : void
pixelsToPoints
pixelsToPoints(pixels: string)

Helper to convert from pixels to points.

pixelsToPoints('1px')
 returns: 0.75.
Parameters :
Name Type Optional
pixels string No
Example :
pixelsToPoints(&#39;1px&#39;)
 returns: 0.75.
Returns : number

{number}

pointsToPixels
pointsToPixels(points: number)

Helper to convert from points to pixels.

pointsToPixels('1')
 returns 1.33px.
Parameters :
Name Type Optional
points number No
Example :
pointsToPixels(&#39;1&#39;)
 returns 1.33px.
Returns : string

{string}

removeTheDIVInsideOfProseMirrorDIV
removeTheDIVInsideOfProseMirrorDIV()

this method is used for delete the html div that exist Inside proseMirror Div. We remove this DIV for calculated the rigth selectionStart, with this DIV our ecuation to calculate selection start is not working rigth.

Returns : void
richTextBoxChangedEventHandler
richTextBoxChangedEventHandler(value: any)
Decorators :
@serverEvent('RichTextBoxChanged', RichtextboxComponent.RichTextBoxChangedExtractor)

RichTextBoxChangedEventHandler emitter.

Parameters :
Name Type Optional
value any No
Returns : void
Static RichTextBoxChangedExtractor
RichTextBoxChangedExtractor(htmlValue: any, component: RichtextboxComponent)

RichTextBoxChanged extractor.

Parameters :
Name Type Optional
htmlValue any No
component RichtextboxComponent No
Returns : any

{*}

updateSelect
updateSelect()

Update selectionStart and selectionEnd properties on events (Click , MouseDown, handlerSelection)

Returns : void
updateSelectionAlignment
updateSelectionAlignment(selectionAlignment: HorizontalAlignment)

Updates the alignment for the selected text.

Parameters :
Name Type Optional
selectionAlignment HorizontalAlignment No
Returns : void
updateSelectionFont
updateSelectionFont(selectionFont: FontData)

Updates the font for the selected text.

Parameters :
Name Type Optional
selectionFont FontData No
Returns : void
selectAll
selectAll()

Select all the text in the input Set selectionStart and selectionEnd properties

Returns : void
shouldApplyFocus
shouldApplyFocus()

Override of the method to include more conditions

Returns : boolean

boolean

Private addModifierKey
addModifierKey(keyCode: number)

Add a modifier key if it applies.

Parameters :
Name Type Optional
keyCode number No
Returns : void
applyAnchorProperty
applyAnchorProperty()

Applies anchor property

Returns : void
applyAutoSizeProperty
applyAutoSizeProperty()

Applies auto size property Fix the current control dimensions to fit its content according to the autosize and autosizemode properties

Returns : void
applyFocus
applyFocus()

Applies focus to input or selectable element in component. It triggers dom element focus()

Returns : void
blur
blur(event: any)
Decorators :
@serverEvent('LostFocus')
Parameters :
Name Type Optional
event any No
Returns : void
bringToFront
bringToFront()

Bring to the front the current control.

Returns : void
Private bringToFrontService
bringToFrontService()

Bring to front service

Returns : void
Protected calculateTabOrder
calculateTabOrder()

Calculates tab order according to model value and TabStop

Returns : any

tab order

canSubscribeToErrorProvider
canSubscribeToErrorProvider()

Returns true if the control is ready to subscribe to the ErroProvider.

Returns : boolean
change
change(event: any)
Decorators :
@serverEvent('TextChanged')
Parameters :
Name Type Optional
event any No
Returns : void
changeChildEnableStatus
changeChildEnableStatus(parent: any, value: boolean)

Property EnabledInternal: is used to check the original enabled state of any control. IMPORTANT: This property is modify only when the component is modified by himself its parent can't modify it

Parameters :
Name Type Optional
parent any No
value boolean No
Returns : void
checkDetectChangesAfterLeave
checkDetectChangesAfterLeave()

Over ride if the component need to check for changes after losses focus

Returns : void
checkErrorProvider
checkErrorProvider()

This function handles the ErrorProvider for each component

Returns : void
contextMenu
contextMenu(event: any)
Parameters :
Name Type Optional
event any No
Returns : void
createErrorProvider
createErrorProvider()

Auxiliary function that creates the image of the errorProvider, this to reduce the cognitive complexity of the function checkErrorProvider

Returns : void
currentWebMapService
currentWebMapService()

Current instance of the static WebMapService

Returns : WebMapService

{*}

detectChanges
detectChanges()

Triggers a detect change action

Returns : void
detectChangesSubscribe
detectChangesSubscribe()

Each component that have the isForm as true should implement this method

Returns : void
dragDrop
dragDrop(event: any)
Decorators :
@serverEvent('DragDrop', ControlComponent.dragDropEventArgsExtractor)

Handles the dragdrop event. Should stop server propagation if allowdrop is false;

Parameters :
Name Type Optional Description
event any No

the drop data

Returns : boolean
Static dragDropEventArgsExtractor
dragDropEventArgsExtractor(event: any, component: ControlComponent)
Parameters :
Name Type Optional
event any No
component ControlComponent No
Returns : any
enter
enter(event: any)
Decorators :
@serverEvent('Enter', ControlComponent.EnterEventArgsExtractor, undefined)
Parameters :
Name Type Optional
event any No
Returns : void
Static EnterEventArgsExtractor
EnterEventArgsExtractor(event: any, component: ControlComponent)
Parameters :
Name Type Optional
event any No
component ControlComponent No
Returns : any
errorValueAux
errorValueAux()

Auxiliary function that returns values in some especial cases, this to reduce the cognitive complexity of the function checkErrorProvider

Returns : number
focus
focus(event: any)
Decorators :
@serverEvent('GotFocus')
Parameters :
Name Type Optional
event any No
Returns : void
getElementErrorProvider
getElementErrorProvider(element)

Get the corresponding element depending of the TagName

Parameters :
Name Optional Description
element No

The current element

Returns : HTMLElement
getElementErrorProviderStyle
getElementErrorProviderStyle(element)

Get the corresponding Style depending of the TagName

Parameters :
Name Optional Description
element No

The current element

Returns : string
getElementsWidth
getElementsWidth()

Calculate the total width, including all siblings elements.

Returns : number
getExtraElement
getExtraElement()

Gets the extra element affecting the position of the error provider.

Returns : any
Protected getNewPositions
getNewPositions()

Gets new positions Analyze the children components and get the new sizes for this control with the autoSizeMode

Returns : literal type

new positions

getStyle
getStyle()

Gets the new Style

Returns : Style
getStyleDisplay
getStyleDisplay()

Method to allow each component to manage its own display property Example : {display: 'block'}

Returns : string
getType
getType()

Gets string indicating the type

Returns : string

type

getWrapperElement
getWrapperElement()

Gets the wrapper element of the control in the DOM.

Returns : any
Private hideToolTipDirective
hideToolTipDirective()

Hides tool tip directive

Returns : void
isBindedEvent
isBindedEvent(event: string)

Indicates if an event is binded in the server or not.

Parameters :
Name Type Optional Description
event string No

The name of the event in the server.

Returns : boolean
isComponentReady
isComponentReady()

Determines whether component is ready in the DOM

Returns : boolean

true if component ready

Protected isCustomControl
isCustomControl()

Check if this control is a custom editor for the c1flexgrid component. otherwise it returns False.

Returns : boolean

Returns True if the control is within a custom editor column, otherwise it returns False.

isUserControl
isUserControl()

Gets if is usercontrol or not

Returns : boolean
keyDown
keyDown(event: any)
Decorators :
@serverEvent('KeyDown', ControlComponent.keyEventArgsExtractor)
Parameters :
Name Type Optional
event any No
Returns : void
Static keyEditEventArgsExtractor
keyEditEventArgsExtractor(event: any, component: ControlComponent)
Parameters :
Name Type Optional
event any No
component ControlComponent No
Returns : any
Static keyEventArgsExtractor
keyEventArgsExtractor(event: any, component: ControlComponent)
Parameters :
Name Type Optional
event any No
component ControlComponent No
Returns : any
keyPress
keyPress(event: any)
Decorators :
@serverEvent('KeyPress', ControlComponent.keyPressEventArgsExtractor)
Parameters :
Name Type Optional
event any No
Returns : void
Static keyPressEventArgsExtractor
keyPressEventArgsExtractor(event: any, component: ControlComponent)
Parameters :
Name Type Optional Description
event any No

event to call

component ControlComponent No

component used to get the id.

Returns : any
leave
leave(event: any)
Decorators :
@serverEvent('Leave')
Parameters :
Name Type Optional
event any No
Returns : void
leaveEventsHandler
leaveEventsHandler(event: any)

Triggers the leave-validating-validated events in the correct order.

Parameters :
Name Type Optional
event any No
Returns : void
markForCheck
markForCheck()

Marks for check Marks component to be checked by the next detect changes action

Returns : void
mouseEnter
mouseEnter(event: any)

Mouses enter Shows tooltip if need it

Parameters :
Name Type Optional Description
event any No

the current js event object

Returns : void
mouseLeave
mouseLeave(event: any)

Mouses leave Hides tooltip if need it

Parameters :
Name Type Optional Description
event any No

the current js event object

Returns : void
mouseMove
mouseMove(event: any)

MouseMove event emit the data for every mouseMove event

Parameters :
Name Type Optional
event any No
Returns : void
ngAfterViewChecked
ngAfterViewChecked()
Returns : void
notifyErrorProvider
notifyErrorProvider()

Auxiliary function notifying that the errorProvider has been rendered, this to reduce the cognitive complexity of the function checkErrorProvider

Returns : void
notifyEvent
notifyEvent(eventName: string, event: any)

Notifies leave

Parameters :
Name Type Optional Description
eventName string No
event any No

the current event

Returns : void
Protected notifyParentAutoSize
notifyParentAutoSize()

Notifies parent auto size

Returns : void
notifyWindowToBringTop
notifyWindowToBringTop(event: any)

Notifies the window to bring top When a control is clicked or focused in the screen

Parameters :
Name Type Optional Description
event any No

The current javascript event

Returns : void
processSpecialDock
processSpecialDock(component: ControlComponent, size: ISize, offsets: IOffsets)

Process special dock for the current Control. you should override the method in the specify control.

Parameters :
Name Type Optional Description
component ControlComponent No

child component

size ISize No

parentSize

offsets IOffsets No
Returns : literal type

special dock. new size and offset for the dock context.

Private removeModifierKey
removeModifierKey(keyCode: number)

Remove a modifier key if it applies.

Parameters :
Name Type Optional
keyCode number No
Returns : void
Private removeStyleProperty
removeStyleProperty(property: string)

Sets style property Updates model values for Style

Parameters :
Name Type Optional Description
property string No

current property to update

Returns : void
resize
resize(event: any)
Decorators :
@serverEvent('Resize')

Trigger the event resize defined through the output member.

Parameters :
Name Type Optional Description
event any No

The event object.

Returns : void
resolvePendingTabSubscriptions
resolvePendingTabSubscriptions()

Resolves pending tab subscriptions for components that were resolved as pending parent

Returns : void
Protected setChildIndex
setChildIndex()

Sets child index to HTML zindex property

Returns : void
setDisplayElementOriginalDimensions
setDisplayElementOriginalDimensions()

Sets display element original dimensions

Returns : void
setMyStyle
setMyStyle()

Returns a valid style object to be applied according to the styling information set in the control's model

Returns : literal type
Private shouldValidateErrorProvider
shouldValidateErrorProvider()

Determines if error provider should be validated

Returns : boolean

true if it has to validate error provider

Private showTooltipDirective
showTooltipDirective()

Shows tooltip directive

Returns : void
specialStyle
specialStyle()

Specials style. Override this method if you want to handle special style for the dock

Returns : void

style

Private startAnchorProcess
startAnchorProcess()

Starts anchor process After rendering a new window the anchor process is triggered before the docking process to ensure that the measure to edges are correct and the anchor distances are calculated properly

Returns : void
subscribeErrorProvider
subscribeErrorProvider()

This function handles the subscription to the ErrorProvider.

Returns : void
Private tooltipHandler
tooltipHandler()

Tooltips handler

Returns : void
Protected updateDockProperty
updateDockProperty()

compare if the dock is different and call the dockChange

Returns : void
validated
validated(event: any)
Decorators :
@serverEvent('Validated')
Parameters :
Name Type Optional
event any No
Returns : void
validating
validating(event: any)
Decorators :
@serverEvent('Validating')
Parameters :
Name Type Optional
event any No
Returns : void
verifyErrorProvider
verifyErrorProvider(event: EventData)

Function that verifies that another component does not duplicate the same errorProvider

Parameters :
Name Type Optional
event EventData No
Returns : void

Properties

Private blurUnlisten
Type : any

Blur unlisten reference.

Private defaultUrl
Type : string
Default value : 'api/richtextbox'

Default richtextbox API name.

getHtmlContentUrl
Default value : `${this.defaultUrl}/GetHtmlContent`

Url to get the html content.

HTMLcontent
Type : any

Property to save the API html content this property is binded to the kendoeditor.

HTMLcontentMirror
Type : any

Property to save the API html content this property is not binded to the kendoeditor. If we use the binded property to synch with the HtmlText property, kendoeditor enters extra breaklines

kendoEditor
Type : EditorComponent
Decorators :
@ViewChild('editor', {static: false})

Reference of editor in DOM

Private refreshSubscription
Type : Subscription

Fun Refresh subscription.

Private richTextBoxChangeDelay
Type : number
Default value : 500

Property to save the debounceTime.

Static RichTextBoxChangedMapperId
Type : string
Default value : 'rchTxtBxChngdvntrgs'

MapperId value for the RichTextBoxChanged event.

Static RichTextBoxMapperId
Type : string
Default value : 'rchTxtBx'

MapperId value for RichtextboxComponent

Private toolbarState
Type : any

Saves the Kendo Editor toolbar state. We need this reference to handle the states of the editor.

Private toolbarStateSubscription
Type : Subscription

Handles the toolbarState subscription.

Private valueChangedCallback
Type : any

Saves the callback for the valueChanged. We call this property if we need to trigger the valueChanged emitter.

Private valueChangedTimerId
Type : any

Saves the timeout ref for the valueChanged. This property help us manage the debouncing functionality.

Private _font
Type : Font
_model
Type : any
controlFlag
Default value : true

The controlFlag help us to avoid twice calls.

detectChangesSubscription
Type : string

Detect changes subscription of control component

displayElementInner
Type : HTMLElement | undefined

the element that is shown in the DOM. Should be override in each component.

Private Static DIV_TAG
Type : string
Default value : 'DIV'
errorIsRendered
Default value : false

This flag lets the controller know if the error provider has been rendered.

errorIsShowed
Default value : false

This flag allows the controller to display the errorProvider.

hasErrorProviderSubscription
Default value : false

Flag indicating whether the control has the error provider subscription.

isControlComponent
Default value : true

Validate the component inherits from controlComponent or is an instance of controlComponent

isInsideGridCell
Type : boolean

This should be set from the container where the component is going to be rendered Determines whether the component is render dynamically inside a grid cell(using a container mechanism like wm-container)

Static modifierKeys
Default value : Keys.none
originalHeight
Type : number

Original height of control component

originalVisibility
Type : boolean

Original visibility of control component Keeps a record of the current visible value to detect changes;

originalWidth
Type : number

Original width of control component

registerManually
Default value : false

A reference for managing component registration manually

shortcut
Type : string

Shortcut property of basecontrolcomponent

showUnderline
Default value : false

Property to trigger the underline of the shortcuts

style
Type : Style

This object contains the style information for the component.

syncCompleteSubscription
Type : string

Sync complete subscription of control component

tabDirective
Type : ControlsDirective
Decorators :
@ViewChild(ControlsDirective, {static: false})

View child of tab directive

tooltipDir
Type : TooltipDirective
Decorators :
@ViewChild(TooltipDirective)

View child of control component

triggerShortcutUnderlineSubscription
Type : Subscription

Shortcut underline subcription of a component

afterFirstCall
Default value : false

After first call of control component. Flag used to know if the control have been called in the ngAfterViewInit

anchorApplied
Default value : -1

Anchor applied of control component Holds the currently applied anchor property -1 otherwise.

autoSizeApplied
Default value : false

Auto size applied of control component

children
Type : []
Default value : []

Controls of control component Array of controls that are children of this component

containerTabOrderService
Type : ContainerTabOrderService

Container tab order service of control component base component

currentAutoSizeMode
Default value : -1

Current auto size mode of control component

currentDock
Type : number
Default value : 0

Current dock of control component

currentDockingOrder
Type : []
Default value : []

Current docking order of control component. Array of children ids

customControl
Default value : false

Custom control property obtains the value when is calculated in ngAfterViewInit, it determines if it is a component rendered inside of a custom control column of WFNETC1 WE SHOULD TRY TO REMOVE THIS PROPERTY, WINFORMS COMPONENTS SHOULD NOT KNOW THAT A COMPONENT FROM WFNETC1 EXISTS.

defaultControls
Type : []
Default value : []

Default controls of control component. Internal array of the child with special docking

errorProviderIconWasCreated
Type : boolean

Flag to know if the error provider icon is created.

internalTabOrder
Type : any

Internal tab order of control component base component

isApplyingFocus
Type : boolean

Optional flag to determine when the component is calling the applyFocus method.

lastErrorProviderMessage
Default value : undefined

Last error provider message of control component base component to cached value and avoid multiple unnecessary function calls

lastZIndex
Type : number
Default value : 0

Last zIndex of control component

originalTooltipText
Type : string

Original tooltip text of control component base component

specialDock
Default value : false

Special dock of control component. Mark to process the dock with special values

tabNodeReference
Type : TabNode

Tab node reference of base control component

tooltipDisplayed
Type : boolean

Tooltip displayed of control component base component

Accessors

htmlText
sethtmlText(value: string)
Parameters :
Name Type Optional
value string No
Returns : void
displayElement
getdisplayElement()

Gets display element calculated using getDisplayElement function

Returns : HTMLElement | undefined
setdisplayElement(value: HTMLElement | undefined)

Sets displayElement innerProperty

Parameters :
Name Type Optional
value HTMLElement | undefined No
Returns : void
selectionAlignment
getselectionAlignment()

Gets/sets the selection alignment property.

setselectionAlignment(value: HorizontalAlignment)
Parameters :
Name Type Optional
value HorizontalAlignment No
Returns : void
textAlignValue
gettextAlignValue()

Returns the selection alignment with the correct text align format.

Returns : string
selectionColor
getselectionColor()

Gets/sets the selection color property.

Returns : string
setselectionColor(value: string)
Parameters :
Name Type Optional
value string No
Returns : void
borderStyle
getborderStyle()

Gets/sets the border style property.

Returns : BorderStyle
setborderStyle(value: BorderStyle)
Parameters :
Name Type Optional
value BorderStyle No
Returns : void
selectedText
getselectedText()

Gets/sets the selected text property.

Returns : string
setselectedText(value: string)
Parameters :
Name Type Optional
value string No
Returns : void
wordWrap
getwordWrap()

Gets/sets the wordwrap property.

Returns : boolean
setwordWrap(value: boolean)
Parameters :
Name Type Optional
value boolean No
Returns : void
readOnly
getreadOnly()

Gets/sets the readOnly property.

Returns : boolean
setreadOnly(value: boolean)
Parameters :
Name Type Optional
value boolean No
Returns : void
scrollBars
getscrollBars()

Gets/sets the scroll bars property.

setscrollBars(value: RichTextBoxScrollBars)
Parameters :
Name Type Optional
value RichTextBoxScrollBars No
Returns : void
selectionStart
getselectionStart()

Gets/sets the selection start property.

Returns : number
setselectionStart(value: number)
Parameters :
Name Type Optional
value number No
Returns : void
selectionLength
getselectionLength()

Gets/sets the selection length property.

Returns : number
setselectionLength(value: number)
Parameters :
Name Type Optional
value number No
Returns : void
selectionFont
getselectionFont()

Gets/sets the selection font property.

Returns : any
setselectionFont(value: any)
Parameters :
Name Type Optional
value any No
Returns : void
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""