Skip to content

webcomponent-quick-start.adoc

Latest commit

 

History

History
116 lines (96 loc) · 3.88 KB

webcomponent-quick-start.adoc

File metadata and controls

116 lines (96 loc) · 3.88 KB
Raw

The Official {productname} Web Component integrates {productname} into Web Component projects. This procedure creates an HTML page containing a {productname} editor.

Procedure

To add a {productname} editor to a web page using the {productname} Web Component:

  1. Add the following meta tags to the head section of the page:

      <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

    The second meta element is required for the editor to function correctly on mobile devices. For information on the viewport meta element, see: MDN Web Docs - Using the viewport meta tag to control layout on mobile browsers.

  2. Add a tinymce-editor element where the editor should appear.

    <tinymce-editor license-key="your-license-key"/>

    The default {productname} editor will load at this location if the page is opened in a web browser.

  3. Update the license-key option in the editor element and include your License Key.

Next Steps