Summernote не загружает панель инструментов - PullRequest
Новая
       50

Summernote не загружает панель инструментов

0 голосов
/ 20 марта 2020

Привет, я пытаюсь использовать summernote и до сих пор не могу понять, почему он не загружается полностью, даже после перестановки всех моих файлов скриптов и двойной проверки, все ли в порядке, я получил только текстовое поле с изменяемым размером, но могу » чтобы заставить его работать полностью, вот как это выглядит сейчас: enter image description here

Как вы можете видеть, я не могу заставить панель отображаться. Это файлы сценариев: 

<!DOCTYPE html>
<html style="box-shadow:none">
<head>
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" 
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title</title>
@Scripts.Render("~/bundles/jquery")
@Styles.Render("~/Content/all.min.css")
@Styles.Render("~/Content/font-awesome.min.css")
@Styles.Render("~/Content/font-awesome.css")
@Scripts.Render("~/bundles/modernizr")
@Styles.Render("~/Content/bootstrap.min.css")
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
@Scripts.Render("~/Scripts/bootstrap.min.js")
@Html.IncludeVersionedCss("/Content/summernote.min.css")
@Html.IncludeVersionedJs("/Scripts/summernote.min.js")
@Styles.Render("~/Content/css")
@Html.IncludeVersionedCss("/Content/time.css")
@Html.IncludeVersionedCss("/Content/timeline.css")
@Html.IncludeVersionedCss("/Content//bootstrap2-toggle.min.css")
@Html.IncludeVersionedCss("/Content/jquery.timepicker.css")
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
</head>
<body style="padding-top:0px">
@RenderBody()
<footer></footer>

<script src="https://unpkg.com/interactjs@1.3.4/dist/interact.min.js"></script>
@Scripts.Render("~/bundles/customBundle")
<script src="~/Scripts/revolution.extension.slideanims.min.js"></script>
<script src="~/Scripts/revolution.extension.layeranimation.min.js"></script>
<script src="~/Scripts/revolution.extension.navigation.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
@Html.IncludeVersionedJs("/Scripts/bootstrap2-toggle.min.js")     
@Html.IncludeVersionedJs("/Scripts/jquery.timepicker.min.js")
@RenderSection("scripts", required: false)
</body>
</html>

Мой сценарий: 

<script>
$(document).ready(function () {
    $('.htmleditor').summernote();
});
</script>

HTML: 

<div class="htmleditor">@Model.Item.GetPropertyValue(Model.Property).ToString()</div>

Где я ошибаюсь, ПОМОГИТЕ! !! Заранее спасибо

...