Bootstrap Modal CKeditor

Web tabanlı uygulama geliştirme araçları(PHP, ASP vb...) ile ilgili konuları buraya yazabilirsiniz.
Cevapla
pma17
Üye
Mesajlar: 3
Kayıt: 07 Kas 2017 12:50

Bootstrap Modal CKeditor

Mesaj gönderen pma17 » 07 Mar 2018 03:55

Web Sitemde Bootstrap' in Modal Eklentisi İçine "ckeditor" adında hazır bir metin editör ekledim ancak editorün link verme bölümüne yazı yazılmıyor ve tıklanmıyor. Editör Modal dışında bu hatayı vermiyor. Yardımcı Olanlara Şimdiden Teşekkür ederim

Kod: Tümünü seç

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

    <!-- CKeditor CDN Code -->
    <script src="https://cdn.ckeditor.com/4.8.0/standard/ckeditor.js"></script>

  </head>
  <body>
   

      <button class="btn btn-primary mt-5 ml-5" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button>

      
      <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">

            <textarea name="editor1"></textarea>
            
            <script>
              CKEDITOR.replace( 'editor1' );
            </script>
           
          </div>
        </div>
      </div>




    <!-- jQuery first, then Tether, then Bootstrap JS. -->
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
  </body>
</html>

Kullanıcı avatarı
SimaWB
Üye
Mesajlar: 1297
Kayıt: 07 May 2009 09:42
Konum: İstanbul
İletişim:

Re: Bootstrap Modal CKeditor

Mesaj gönderen SimaWB » 08 Mar 2018 08:34

There's no place like 127.0.0.1

pma17
Üye
Mesajlar: 3
Kayıt: 07 Kas 2017 12:50

Re: Bootstrap Modal CKeditor

Mesaj gönderen pma17 » 08 Mar 2018 08:50

dostum bunu bende görmüştüm ama burada bootstrap ın eski bir versiyonu kullanılıyor ben bootstrap v4 kullanıyorum orada işlemiyor cevaptaki kodlar malesef...

pma17
Üye
Mesajlar: 3
Kayıt: 07 Kas 2017 12:50

Re: Bootstrap Modal CKeditor

Mesaj gönderen pma17 » 08 Mar 2018 12:45

sorunun çözümünü buldum modal class ındaki tabindex="-1" kodunu sildiğimizde hata ortadan kalkıyor

Cevapla