Skip to content

Bundling docs are incorrect and incomplete #3436

@carlosmintfan

Description

@carlosmintfan
  1. Bundling using https://www.tiny.cloud/docs/tinymce/6/vite-es6-npm/, the lines
    import contentUiSkinCss from 'tinymce/skins/ui/oxide/content.js';
    import contentCss from 'tinymce/skins/content/default/content.js';
    don't work: Uncaught SyntaxError: The requested module 'http://localhost:5174/node_modules/.vite/deps/tinymce_skins_content_default_content__js.js?v=1dcb8b20' doesn't provide an export named: 'default'
  2. When removing the from stuff from the imports like this:
    import 'tinymce/skins/ui/oxide/content.js';
    import 'tinymce/skins/content/default/content.js';
    the css gets applied to the whole webpage rather than only the editor, so the fonts change (body {font-family:sans-serif} from TinyMCE css). TinyMCE should edit the shadow root of its iframe and not my document root. Oh wait, it doesn't even generate an iframe when bundling it using Vite, it just makes a div? What's the cause of that?
  3. https://www.tiny.cloud/docs/tinymce/6/webpack-es6-npm/ is incomplete

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions