Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

Implementation summernote js on metronic v8.1.6


Hi, I have an issue with style for implementation summernote js on metronic v8.1.6, the function issue break and style bug, and some di toolbars not working. do you have any sample implementation for that?


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 (5)


Hi Sean,

thank you for your suggestion to use Quill. one question from me, what if I have existing data from summernote, can Quill be used for the resulting data from summernote js. if no problem I will use Quill.

Regards.



Hi,

You can try it out. Basically, HTML editors should be able to display basic HTML code.

Regards.



Hi,

Does Quill support adding tables like Summernote js, I searched for the reference but couldn't find it.

Regards.



Hi,

Currently, it does not support Table editing. According to this the author will add the table support in Quil v2 release

Regards.



Hi,

Please note that the current summer note version is not compatible with Bootstrap 5.x.
We have attempted the integration multiple times but it did not work with the latest Bootstrap 5 version. We will integrate it with Metronic once the official release is available for Bootstrap 5.x.

You can consider using Quil instead as it's quite a popular choice among the leading services such us Slack, Grammarly, Reedsy, etc.

Regards.


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  :(