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).