Examples

Dictation

Click the microphone icon in the toolbar, speak, and the editor transcribes. Interim transcripts render live under the cursor so you see what the browser heard before it commits. Uses the Web Speech API — nothing leaves the browser beyond what the browser’s own speech recognition service already sends to its vendor.

Browser support: Chrome, Edge, Safari (iOS 14+ / macOS), Opera. Firefox hides the button (no SpeechRecognition).

Click the mic, then speak. Your browser may ask for microphone permission the first time.

Example code

<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
        <script type="text/javascript" src="/richtexteditor/rte.js"></script>
        <script type="text/javascript" src='/richtexteditor/plugins/all_plugins.js'></script>

        <div id="dict_editor">
            <p>Click the mic, then speak. Your browser may ask for microphone permission the first time.</p>
        </div>

        <script>
            var dictcfg = {
                dictationEnabled: true,
                dictationLang: "en-US",
                dictationContinuous: true,
                dictationAutoPunctuation: true,
                toolbar: "default"
            };
            var dictEditor = new RichTextEditor("#dict_editor", dictcfg);
        </script>