Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

tinymce Not work


Hello how are you hope you good
tinymce In last version of "Metronic 8.2.7" Not work
Could you please till me how to fix it
I think problem because of
tinymce/models/dom/model.js

When try to download it and include it, It work but show Upgrade Button


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi @slope game
Try the following steps
Make sure you have loaded the correct JavaScript and CSS files required for TinyMCE. Make sure the paths to these files are correct.
Check your TinyMCE configuration. Make sure you have configured the parameters correctly in your JavaScript code. A basic configuration example:
Copy
tinymce.init({selector: 'textarea', // Select the textarea element
plugins: 'lists link image preview', // Required plugins
toolbar: 'undo redo | styles | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image',
});



Hello @ slope game,
You should ensure that TinyMCE is correctly initialized in your JavaScript code. Here’s a basic example of how to initialize TinyMCE:

javascript

tinymce.init({
selector: 'textarea', // Change to your specific selector
plugins: 'lists link image code',
toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image | code',
// Additional configuration options
});



Hi,

Please make sure to use node.js version v20 LTS.

May I know which demo are you using?

In the package.json file, could you please verify the tinymce, and if version is

"tinymce": "7.2.1",

The latest version tinymce version has the issue. For now, please set the fixed version of v7.2.1

Please remove the ^ mark from the version number, if any.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(