How to get on change events for lightning:inputRichText?

Question

I'm trying to capture changes to a Lightning app rich text editor. Using the following...

<lightning:inputRichText value="{!v.body}" aura:id="iBody" />

I've tried adding onBlur="{!c.blurBody}" but it doesn't fire. I also tried adding change, keyup, updateOn and blur and all are rejected by the developer console editor. Does anyone know where there is documentation on this component? Or which events work to get updates as the content changes?

By the way, I also tried <ui:inputRichText /> but as soon and I add the isRichText="true" attribute the developer console rejects the component.

FIELD_INTEGRITY_EXCEPTION Failed to save myCmp.cmp: The attribute "change" was not found on the COMPONENT markup://lightning:inputRichText: Source

I'm working with Summer 18 on a developer edition.

Answer 1

You can add a change handler event which basically does that, tracks changes on specified values:

component.cmp

<aura:component implements="forceCommunity:availableForAllPageTypes" access="global" >
    <aura:attribute name="myVal" type="String" />
    <aura:handler name="change" value="{!v.myVal}" action="{!c.handleValueChange}"/>

    <lightning:inputRichText value="{!v.myVal}" aura:id="grr"/>
</aura:component>

controller.js

    handleValueChange:function(cmp){
    console.log("value: " + cmp.get('v.myVal'));
}