Base solution for your next web application
Open Closed

WYSIWIG Editor #5183


User avatar
0
vladsd created

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)
  • User Avatar
    0
    alper created
    Support Team

    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()
    
  • User Avatar
    0
    vladsd created

    @ 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.

  • User Avatar
    0
    ismcagdas created
    Support Team

    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>.

  • User Avatar
    0
    vladsd created

    Thanks, I like primeng editor.