/Javascript/Bootstrap/How to apply CodeMirror in Bootstrap Modal

How to apply CodeMirror in Bootstrap Modal

var myCodeMirror = CodeMirror(document.querySelector('.codemirror-init'), {
  value: 'Your Value',
  lineNumbers: true,
  tabSize: 2,
  mode: 'javascript',
  theme: 'monokai'
});

$('#exampleModal').on('shown.bs.modal', function() {
    // Refresh Code mirror Here
       myCodeMirror.refresh();
});

Source: stackoverflow.com

Similar codes

1 vote170 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
2 votes144 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
2 votes154 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote158 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
3 votes151 views9 answers
Bootstrap 5
Javascript Bootstrap
12 votes151 views6 answers
Bootstrap modal
Javascript Bootstrap
0 vote168 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote157 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
120 votes230 views3 answers
React import bootstrap css file
CSS Bootstrap
3 votes151 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap