Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
Light
Dark
System
Ask  Question

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?


user
Tanto Wibowo 1 year ago
Bootstrap Metronic HTML
5 Answers
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)

user
Tanto Wibowo 1 year ago

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.


user
Sean Author1 year ago

Hi,

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

Regards.


user
Tanto Wibowo 1 year ago

Hi,

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

Regards.


user
Sean Author1 year ago

Hi,

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

Regards.


user
Sean Author1 year ago

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