Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
This sample code is written in HTML, JavaScript and CSS; it demonstrates the basic functions on how to speech-enable your web page and the CKEditor web text editor.
Preconditions
In order for the sample and app to work, they must be hosted on a web server; for example, Internet Information System (IIS).
Deployment
Deploy the Dragon Medical SpeechKit package on your web server.
Configure the web server to serve the cookie containing licensing information (organization token and partner GUIDs). For more information, see: Speech-enabling your browser app.
Enable cookies in the web browser; this is necessary for the information from the organization token and partner GUIDs to be accessed.
Enable JavaScript in the web browser.
For on-premises deployment, make sure that the URL for the Nuance.SpeechAnywhere.js file points to your web server. Open the sample in an editor and change the URL
https://speechanywhere.nuancehdp.com/3.2/scripts/Nuance.SpeechAnywhere.jsto point to the file location on your web server.Important: Don't modify this URL when using Dragon Medical SpeechKit hosted in the Nuance data center.
- Point the web browser to this location: http://<your web server>/samples/Sample_ckEditor.html
System requirements
For more information on supported software versions, see the corresponding release notes.
Use cases
This sample covers the following use cases:
- All use cases supported by Dragon Medical SpeechKit out of the box. For more information, see: Overview.
Sample characteristics
The sample uses CKEditor version 4.5.6, located in the ckEditor folder.
To turn a speech-enabled HTML element with the contenteditable attribute set to true into a CKEditor instance, use the CKEDITOR.inline() function.
If you use the CKEDITOR.replace() function instead of CKEDITOR.inline(), CKEditor hides your speech-enabled element and inserts a new CKEditor instance in an <iframe> element; the new CKEditor instance is not speech-enabled.
Note: With CKEditor 5, only the inline editor is supported.