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

Code Editors


I'm currently in need of a code editor type field that I can embed directly within my web app and I noticed that Metronic v4 had it available here: https://preview.keenthemes.com/metronic-v4/theme/admin_4/components_code_editors.html

Is this same 'CodeMirror' code editor available out-of-the-box within Metronic v8? If not, does Metronic v8 come with any other code based editors packaged within?


user
Curtis Raymond 1 year ago
Metronic Bootstrap 5 HTML
4 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 (4)

S
Shirley Hancock 2 weeks ago

I personally use them exclusively high-quality elements : you will notice these folks during:lot one shoppers mall


S
Shirley Hancock 3 weeks ago

I also wrote an article on a similar subject will find it at write what you think.buy sell business


S
Shirley Hancock 3 weeks ago

Such sites are important because they provide a large dose of useful information ... non woven bag supplier singapore


S
Shirley Hancock 1 month ago
Deleted comment
user
Sean Author1 year ago

Hi,

Sorry for the late reply.

Metronic comes with Prismjs plugin integration and you can see the plugin's examples in the docs code examples. To use this plugin in your page just include

assets/plugins/custom/prismjs/prismjs.bundle.css and assets/plugins/custom/prismjs/prismjs.bundle.js and use your server-side code to pass the formatted code to the plugin as shown here.

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