Navigation

    Vite Forum
    • Register
    • Login
    • Search
    • Unsolved
    • Solved
    • Recent
    • Tags
    • Popular
    • Groups
    • Github
    1. Home
    2. owitec
    O
    • Profile
    • Following
    • Followers
    • Topics
    • Posts
    • Best
    • Groups

    owitec

    @owitec

    0
    Reputation
    1
    Posts
    1
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    owitec Follow

    Best posts made by owitec

    This user hasn't posted anything yet.

    Latest posts made by owitec

    • using tinymcs wysiwig editor

      i would like to use tinymce editor in a framework7 & vite project of mine. the problem is, that the include urls are not correct after bundling.

      i checked tinymcs dos and they have a config file for rollup that should correct thes urls. i tried to uses them but they have no affect.

      vite.config.js

      import { defineConfig } from 'vite'
      import path from 'path';
      import framework7 from 'rollup-plugin-framework7';
      import postcss from 'rollup-plugin-postcss';
      import commonjs from '@rollup/plugin-commonjs';
      import { nodeResolve } from '@rollup/plugin-node-resolve';
      
      const SRC_DIR = path.resolve(__dirname, './src');
      const PUBLIC_DIR = path.resolve(__dirname, './public');
      const BUILD_DIR = path.resolve(__dirname, './www',);
      
      export default defineConfig ({
        plugins: [
          framework7({ emitCss: false }),
            nodeResolve(),
            commonjs(),
            postcss({
                include: "**/skin.css",
                inject: false,
                extract: true
            }),
            postcss({
                include: "**/content.css",
                inject: false,
                extract: false
            })
        ],
        root: SRC_DIR,
        base: '',
        publicDir: PUBLIC_DIR,
        build: {
          outDir: BUILD_DIR,
          assetsInlineLimit: 0,
          emptyOutDir: true,
          rollupOptions: {
            treeshake: false,
              input: {
                  main: path.resolve(__dirname, SRC_DIR, 'app/index.html'),
                  nested: path.resolve(__dirname, SRC_DIR, 'admin/index.html')
              }
          },
          sourcemap: 'inline',
        },
        resolve: {
          alias: {
            '@': SRC_DIR,
          },
        },
        server: {
          host: true,
        },
        esbuild: {
          jsxFactory: '$jsx',
          jsxFragment: '"Fragment"',
        },
        define: {
            global: "window",
        },
      });
      
      

      i get the following error:

      GET http://localhost:3000/admin//models/dom/model.js net::ERR_ABORTED 404 (Not Found)
      Failed to load model: dom from url models/dom/model.js
      

      As you can see the url is not pointing to the bundle, it should be in assets. At the moment i dont think it is the bundle at all. My question is why cant i just use the rollup plugins command to do this as described here. i have imported it in my site exactly like described in howto but it has no effect.

      i also tried to use ckeditor but couldn't get that working either. i get the error:

      Error: "export 'default' (imported as 'ClassicEditor') was not found in '@ckeditor/ckeditor5-build-classic'
      

      the most promising article to this problem is here but they dont have any solution yet either.

      so i am at a bit of a lose what to do, can anyone help me with either or sugest a wysiwig editor that can be bundled by vite. i need text formating (size, color & styles), orientation, tables, images and embed youtube (nice to have).

      posted in Support
      O
      owitec