Soner USTA

PHP Developer

Ckeditör ile sunucuya resim yükleme ve Resmi kullanma 0 0 129

PHP 07 Ağustos 2018

Ckeditör ile nasıl sunucunuza resim yükleyebilirsiniz ve yüklediğiniz resmi nasıl kullanabilirsiniz onu göstereceğim.

İlk önce Ckeditörü sitesinden verdiğim adresten indirelim fakat biraz değişik bir indirme yapacağız sizlere adım adım göstereceğim.

https://ckeditor.com/builder/

Adresine giriyoruz.

Burada ki alanda Full versiyonunu seciyoruz.İsteğe bağlı olarak sizler farklı versiyon seçebilirsiniz.

Buradan ek olarak sağ tarafta gözüken İmage uploader and Browser for Ckeditör eklentisini seçip karşı tarafa aktarıyoruz.

Bu şekilde gözükecektir.

Skin veya dil şeçimleride yapabilirsiniz isteğe bağlı olarak onları sectikten sonra sözleşmeyi kabul edip indiriyoruz.

İndirdikten sonra locahostumuz da bir klasör oluşturarak işe başlıyoruz.

Oluşturduğumuz klasörün içerisine indirdiğimiz ckeditörü atıyoruz.

Ek olarak index.php şeklinde bir sayfa oluşturuyoruz.

Burada ki index.php nin önemi pek yoktur sadece çalışma mantığını göstermek için gereklidir verdiğim kodu kullanabilirsiniz.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Deneme</title>
    <script src="ckeditor/ckeditor.js"></script>
  </head>
  <body>
    <?php if ($_POST): ?>
      <?php print_r($_POST); ?>
    <?php endif; ?>
    <form class="" method="post" enctype="multipart/form-data">
      <textarea id="mesaj" name="mesaj" rows="8" cols="80"></textarea>
      <br>
      <button type="submit" name="button">Gönder</button>
    </form>
    <script type="text/javascript">
      CKEDITOR.replace( 'mesaj' );
    </script>
  </body>
</html>

İndex.php mizi oluşturduktan sonra aslında her şey kullanımınıza hazır.

Resim Yüklemek için;

Tıklıyoruz.

Sunucuya Gözat diyoruz.

Karşımıza bu şekilde bir ekran çıkacaktır.

Bu ekranda ilk girşi için şifre belirlemek gerekiyor daha sonradan isteğe bağlı olarak şifreyi devre dışı bırakabiliyoruz.Giriş için kullanıcı adı ve şifre oluşturup giriş yapalım.

Giriş yaptıktan sonra sizlere dil şeçimini soracaktır.O alanda İngilizceyi şeçip devam edin malesef Türkçe dil desteği mevcut değil.Karışık bir yapısı olmadğı içinde pek gerekde yok.

Karşımıza bu şekil ekran çıkacaktır.Bu ekranda yüklediğimiz resimler gözükür.Åžu an içi boş olduğu için malum resim gözükmüyor gelin resim yükleyelim.Sol üst taraftaki bulut iconuna tıklayalım.

Tıkladıktan sonra dosyamızı seçelim ve upload butonuna basarak yükleyelim.

Ve Resmimiz yüklenmiştir.

Resme bir kere tıkadıktan sonra üst tarafta istersek resmi tam boyut görebilir,indirebilir,silebilir ve kullanabiliriz.

Resmi Kullanmak için Use butonuna tıklıyoruz.

Tıkladıktan sonra buradan istediğimiz ayarları yapıyorz genişlik vb.

Ayarlarımızı tamamladıktan sonra yapacağımız tek işlem tamam demek.

Resim başarılı bir şekilde yüklenmiştir.Gönder butonuna tıklayarak resmi karşı tarafa gönderebiliriz.

Aklına takılabilcek sorulardan birisi resmi veritabanına nasıl kayıt edeceğimiz sorusu olabilir korkmanıza gerek yok resim zaten sunucunuzda şuanda kayıtlı siz onu editör içerisinde resim olarak çağıracaksınız zaten editör üzerindeki yazılarda veritabanında kayıt edileceğinden sıkıntı olmayacaktır.

Kullanımı bu kadardır ve basittir.

Resim Yükleme pluginini ayrı olarak indirmek istersenizde
https://github.com/xsmo/Image-Uploader-and-Browser-for-CKEditor

bu adresten indirebilirsiniz.

Aklınıza takılan sorularınız için sitede bulunan yorum bölümünden yorum yapabilir ve ya iletişim bölümünden iletişime geçebilirsiniz.
Hepinize iyi çalışmalar.

Soner USTA


Yorumlar

Henüz Yorum Yazılmamış.


Yorum Gönder

E-Posta Adresiniz Gözükmez!