I'm trying to follow the examples provided at https://developer.salesforce.com/docs/component-library/bundle/lightning-input-rich-text/documentation.
The very first example is:
html:
<template>
<lightning-input-rich-text
value={myVal}>
</lightning-input-rich-text>
</template>
javascript:
import { LightningElement } from 'lwc';
export default class RichTextExample extends LightningElement {
get myVal() {
return '**Hello!**';
}
}
When I click on the rendered editor I'm receiving the following errors in the browser developer console (same outcome with Chrome, Firefox and Safari, extensions turned off). Outcome is the same with Debug Mode turned on, tested locally and within Lightning Community. How do I avoid receiving these errors?
richTextExample:19955 Error: [LWC error]: The `innerHTML` property is available only on elements that use the `lwc:dom="manual"` directive.
at logError (app:710)
at HTMLDivElement.set [as innerHTML] (app:1476)
at new Quill (richTextExample:19955)
at LightningInputRichText.initializeQuill (richTextExample:34944)
at LightningInputRichText.activateEditor (richTextExample:35167)
at callHook (app:5697)
at app:3267
at runWithBoundaryProtection (app:6223)
at invokeEventListener (app:3261)
at app:2561
Error: [LWC error]: The `insertBefore` method is available only on elements that use the `lwc:dom="manual"` directive.
at logError (app:710)
at HTMLDivElement.value [as insertBefore] (app:1405)
at Quill.addContainer (richTextExample:20009)
at new Quill (richTextExample:19957)
at LightningInputRichText.initializeQuill (richTextExample:34944)
at LightningInputRichText.activateEditor (richTextExample:35167)
at callHook (app:5697)
at app:3267
at runWithBoundaryProtection (app:6223)
at invokeEventListener (app:3261)
richTextExample:20009 Error: [LWC error]: The `insertBefore` method is available only on elements that use the `lwc:dom="manual"` directive.
at logError (app:710)
at HTMLDivElement.value [as insertBefore] (app:1405)
at Quill.addContainer (richTextExample:20009)
at new Clipboard (richTextExample:29063)
at Theme.addModule (richTextExample:26152)
at new Quill (richTextExample:19970)
at LightningInputRichText.initializeQuill (richTextExample:34944)
at LightningInputRichText.activateEditor (richTextExample:35167)
at callHook (app:5697)
at app:3267
When I click on the rendered editor
, what is this? Is that a standard button, or where is it?