summernote editor not working error "0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'edit'"

0

My Masterpage code

@ViewBag.Title
<link rel="stylesheet" type="text/css" href="~/Content/css/bootstrap.min.css" />
<!-- animate -->
<link rel="stylesheet" type="text/css" href="~/Content/css/animate.css" />
<!-- fontawesome -->
<link rel="stylesheet" type="text/css" href="~/Content/css/font-awesome.css" />
<!-- themify -->
<link rel="stylesheet" type="text/css" href="~/Content/css/themify-icons.css" />
<!-- flaticon -->
<link rel="stylesheet" type="text/css" href="~/Content/css/flaticon.css" />
<!-- slick -->
<link rel="stylesheet" type="text/css" href="~/Content/css/slick.css">
<!-- REVOLUTION LAYERS STYLES -->
<link rel='stylesheet' id='rs-plugin-settings-css' href="~/Content/revolution/css/rs6.css">
<!-- prettyphoto -->
<link rel="stylesheet" type="text/css" href="~/Content/css/prettyPhoto.css">
<!-- shortcodes -->
<link rel="stylesheet" type="text/css" href="~/Content/css/shortcodes.css" />
<!-- main -->
<link rel="stylesheet" type="text/css" href="~/Content/css/main.css" />
<!-- main -->
<link rel="stylesheet" type="text/css" href="~/Content/css/megamenu.css" />
<!-- responsive -->
<link rel="stylesheet" type="text/css" href="~/Content/css/responsive.css" />
<link rel="stylesheet" type="text/css" href="~/Content/css/bootstrap.css" />

<!-- jQuery UI CSS File -->
<link href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<!-- jQuery Reference -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- jQuery UI Reference -->
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>

My index page(summernote Editor page)

@{
ViewBag.Title = "Contact";
Layout = "~/Views/Shared/Test_LayoutPage1.cshtml";

}

"https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous" //script "link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet" "script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"

Edit 1// occur error edit button Save 2

edit part....

"script type="text/javascript"

$(document).ready(function () {
    var edit = function () {
        $('#click2edit').summernote({
            focus: true,

            dialogsInBody: true
        });
    };

    var save = function () {
        var markup = $('#click2edit').summernote('code');
        $('#click2edit').summernote('destroy');
    };

    $('.note-image-dialog, .note-link-dialog, .note-video-dialog, .note-help-dialog').on('show.bs.modal', function () {
        $(this).detach().appendTo('body');
    });

    $('.note-image-dialog, .note-link-dialog, .note-video-dialog, .note-help-dialog').on('hide.bs.modal', function () {
        $(this).detach().appendTo('.note-dialog');
    });
});
bootstrap-4
summernote

0 Answers

Nobody has answered this question yet.


User contributions licensed under CC BY-SA 3.0