Проблема с серой областью CKEditor

#css #asp.net-mvc #ckeditor

Вопрос:

Я использую CKEditor 4 с BootstrapCK4. Я использую его в своем ASP.NET Проект MVC.Когда я открываю страницу с CKEditor, я вижу только большой серый пробел вместо обычного отображения редактора. Это так:

введите описание изображения здесь

Вывод HTML моих кодов:

 <html>
<head>
    <title>YaziEkle</title>
     <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="/Scripts/bootstrap.min.js" type="text/javascript"></script>
    <style>
       @import "/Content/admin.css"
    </style>

    <script src="/ckeditor/ckeditor.js"></script>

</head>
<body>
    <div class="kapsayici">
        <div class="wrapper">
<ul class="menu">
<li class="anasayfa-m"><a href="">Anasayfa</a></li>
<li class="yazilar-m"><a href="">Yazılar</a></li>
<li class="kategoriler-m"><a href="">Kategoriler</a></li>
<li class="sayfalar-m"><a href="">Sayfalar</a></li>
<li class="gorunum-m"><a href="">Görünüm</a></li>
<li class="yorumlar-m"><a href="">Yorumlar</a></li>
<li class="kullanicilar-m"><a href="">Kullanıcılar</a></li>
</ul><br />
</div>

<form id="form">

    <select data-val="true" data-val-required="Kategori seçilmelidir." id="Kategori" name="Kategori"><option value="1">kk</option>
<option value="2">kk</option>
<option value="3">kk</option>
</select>
     <input class="form-control" data-val="true" data-val-maxlength="Baslik alanı, uzunluğu en fazla amp;#39;-1amp;#39; olan bir dize veya dizi türü olmalıdır." data-val-maxlength-max="-1" data-val-required="Başlık boş bırakılamaz." id="Baslik" name="Baslik" placeholder="Başlık" type="text" value="" />  
    <label class="control-label" for="inputError"><span class="field-validation-valid" data-valmsg-for="Baslik" data-valmsg-replace="true"></span></label>
     <textarea cols="20" data-val="true" data-val-maxlength="Icerik alanı, uzunluğu en fazla amp;#39;-1amp;#39; olan bir dize veya dizi türü olmalıdır." data-val-maxlength-max="-1" data-val-required="İçerik boş bırakılamaz" id="yaziekle" name="Icerik" rows="2">
</textarea> 
    <label class="control-label" for="inputError"><span class="field-validation-valid" data-valmsg-for="Icerik" data-valmsg-replace="true"></span></label>
</form>
    <script>
            CKEDITOR.replace("yaziekle",
                {
                    width: "61.5%",
                }
                );
    </script>
    </div>
</body>
</html>

РЕДАКТИРОВАТЬ: Скрипка: http://jsfiddle.net/Swr9K/1 /

В чем причина этой проблемы? Как я могу решить? Заранее спасибо.

Ответ №1:

При удалении атрибута width отобразится панель CKEditor.

Ответ №2:

Я думаю, вам не хватает адаптера jQuery для CKEditor. Вот так:

 <script src="@Url.Content("~/Scripts/ckeditor/adapters/jquery.js")" type="text/javascript"></script>

вы должны найти этот js-файл в папке установки CKEditor.