I noticed metronic integrated <a class="postlink" href="https://summernote.org/">https://summernote.org/</a>
But after following the direction it would not load:
ngAfterViewInit(): void {
$('#summernote').summernote();
}
do you have a working example with asp.net core angular version? what am I missing?
4 Answer(s)
-
0
there's no sample in AspNet Zero. I hope you didn't forget to include the necessary JS & CSS
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet"> <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
To understand if you have successfully imported necessary resources, type the following command in the Google Developer Console. If you get " TypeError: $.fn.summernote is not a function " then you couldn't import the files.
$.fn.summernote()
-
0
@ alper, if you look at js and css from metronic, it already includes all the script and all the styles! - one of the issue of metronic bundle, its overblown with staff you might never use.
-
0
Can you try it in a setTimeout to see if it works like that ? PrimeNG has a native alternative if you haven't seen it before <a class="postlink" href="https://www.primefaces.org/primeng/#/editor">https://www.primefaces.org/primeng/#/editor</a>.
-
0
Thanks, I like primeng editor.