Bootstrap ve PHP ile İletişim Formu

PHP’nin teknik gereksinimleri şunlardır: PHP> = 5.3 E-posta sunucusu kurulumu

PHP’nin teknik gereksinimleri şunlardır: PHP> = 5.3 E-posta sunucusu kurulumuBootstrap, PHP ve AJAX kullanarak çalışan bir HTML iletişim formu kolayca yapılabilir. Bunun için HTML, CSS ve Bootstrap CSS Framework hakkında bazı temel bilgiye ihtiyacınız olacaktır.

Bu yazı, iletişim formunun HTML olarak nasıl kodlanacağını, gerekli alanlara gerçek zamanlı doğrulama eklemek,  daha sonra, verilerin nasıl işlendiğini ve PHP dosyası ile e-postanın nasıl gönderileceği gösterilecektir.

Son olarak, sayfanın yeniden yüklenmesine gerek kalmadan AJAX aracılığıyla formu göndermek için JavaScript frameworkünün (jQuery’yi kullanılacak) nasıl gerekli olduğunu anlatılacaktır. Okumaya devam et

TinyMCE ve Roxy Fileman Entegrasyonu

TinyMCE’de resim veya video ögesi eklenmek istendiğinde, resim veya video linki eklenerek bu yapılabilmektedir. TinyMCE kendi sunucumuza yükleme desteği vermemektedir. Roxy Fileman, TinyMCE resim veya ekleme arayüzünde sunucumuza ulaşabilmemizi sağlıyor.

  1. Roxy Fileman http://www.roxyfileman.com/download adresinden paketi indirilir ve Sıkıştırılmış paket içinden fileman klasörü çıkartılır, bu klasör sunucuda çalıştırılacak klasöre kopyalanır. (Örneğin: http://localhost/Editor klasörü içine)
  2. Roxy Fileman’in dosyaları kopyalayacağı klasör oluşturulur. (Örnek: http://localhost/Yuklemeler). Bu klasör varsayılan olarak /kcfinder/upload/ şeklindedir. Yükleme klasörünün yazılabilir özellikte olması gerekir. Linux işletim sisteminde chmod 0777 olarak ayarlanmalıdır.
  3. Roxy Fileman ayarları fileman klasörü içindeki json dosyasında bulunur.
    1. FILES_ROOT ayarı ile dosyaların yükleneceği klasör tanımlanır. Burada unutulmaması gereken en önemli durum Roxy Fileman web sunucunun root klasörünü baz alarak çalışmaktadır. Belki de en zayıf noktası da budur. Çalışma Klasörünü istediğimiz gibi değiştiremiyoruz.
    2. Roxy Fileman’in TinyMCE ile çalışabilmesi için conf.json dosyası içindeki INTEGRATION değerinin kullanılan tinyMCE sürümüne uygun olarak tinymce3 veya tinymce4 olarak değiştirilmesi gerekir.

Okumaya devam et

CKEditor ve RoxyFileman Entegrasyonu

CKEditor’de resim ögesi eklenmek istendiğinde, resim linki eklenerek bu yapılabilmektedir. CKEditor kendi sunucumuza resim yükleme desteği vermemektedir. Roxy Fileman, CKEditor resim ekleme arayüzünde sunucumuza ulaşabilmemizi sağlıyor.

  1. Roxy Fileman paketi http://www.roxyfileman.com/download adresinden indirilir ve sıkıştırılmış paket içinden fileman klasörü çıkartılır, bu klasör sunucuda çalıştırılacak klasöre kopyalanır. (Örneğin: http://localhost/Editor klasörü içine)
  2. Roxy Fileman’in dosyaları kopyalayacağı klasör oluşturulur. (Örnek: http://localhost/Yuklemeler). Bu klasör varsayılan olarak /fileman/Uploads/ şeklindedir. Yükleme klasörünün yazılabilir özellikte olması gerekir. Linux işletim sisteminde chmod 0777 olarak ayarlanmalıdır.
  3. Roxy Fileman’in ekleneceği editörde (CKEditor) Roxy Fileman’in ayarlamaları yapılır. CKEditor’un seçicisinin tanılandığı CKEDITOR.replace() metodunda aşağıdaki satırların tanımlanması gerekir.

Okumaya devam et

TinyMCE-KCFinder Oturum Kontrolü

TinyMCE Kurulumu yazıda TinyMCE-KCFinder Entegrasyonu da önceki yazılarda anlatılmıştı. Bu yazıda ise TinyMCE-KCFinder Entegrasyonu anlatılacaktır.

KCFinder web uygulamaları kullanıcı oturumları için kullanabilirsiniz. Bunun en kısa yolu conf/config.php dosyası içerisindeki  “disabled’ => false” ayarının true yapılmasıdır. Bu ayar true yapıldığında KCFinder kullanılamaz. Okumaya devam et

TinyMCE ve KCFinder Entegrasyonu

TinyMCE Kurulumu Web Editörünün Kurulumu anlatılmıştı. Bu yazıda ise TinyMCE ve KCFinder Entegrasyonu anlatılacaktır.

TinyMCE’de resim veya video ögesi eklenmek istendiğinde, resim veya video linki eklenerek bu yapılabilmektedir. TinyMCE kendi sunucumuza yükleme desteği vermemektedir. KCFinder, TinyMCE resim veya ekleme arayüzünde sunucumuza ulaşabilmemizi sağlıyor. Okumaya devam et

TinyMCE Kurulumu

  1. TinyMCE Editorü Kurulumu
  2. https://www.tinymce.com/download/ sitesinden istenilen TinyMCE paketi indirilir.
  3. Sıkıştırılmış paket içinden tinymce klasörü çıkartılır, bu klasör sunucuda çalıştırılacak klasöre kopyalanır. (Örneğin: http://localhost/Editor klasörü içine)
  • Editörün ekleneceği html dosyasında TinyMCE’in ayarlamaları yapılır
    1. <head> bölümünde script dosyası bağlanır.

Okumaya devam et

CKEditor-KCFinder Oturum Yönetimi

CKEditor kurulumu yazımızda, CKEditor kurulum anlatılmıştı. CKEditor-KCFinder Entegrasyonu yazımızda CKEditor-KCFinder Entegrasyonu anlatılmıştı. Bu yazıda CKEditor ve KCFinder oturum yönetimi anlatılacaktır.

KCFinder web uygulamaları kullanıcı oturumları için kullanabilirsiniz. Bunun en kısa yolu conf/config.php dosyası içerisindeki  “disabled’ => false” ayarının true yapılmasıdır. Bu ayar true yapıldığında KCFinder kullanılamaz.

Oturum yönetimi ile bu kontrolü $_SESSION[] oturum değişkeninin varlığı kontrol edilerek sağlanabilir. Okumaya devam et

CKEditor ve KCFinder Dosya Yöneticisi Entegrasyonu

CKEditor kurulumu yazımızda, CKEditor kurulum anlatılmıştı. Bu yazıda CKEditor ve KCFinder dosya yöneticisi entegrasyonu anlatılacaktır.

CKEditor’de resim ögesi eklenmek istendiğinde, resim linki eklenerek bu yapılabilmektedir. CKEditor kendi sunucumuza resim yükleme desteği vermemektedir. KCFinder, CKEditor resim ekleme arayüzünde sunucumuza ulaşabilmemizi sağlıyor. Okumaya devam et

CKEditor Kurulumu

Kurulum

  1. http://ckeditor.com/download sitesinden istenilen CKEditor paketi indirlir.
  2. Sıkıştırılmış paket içinden ckeditor klasörü çıkartılır, bu klasör sunucuda çalıştırılacak klasöre kopyalanır. (Örneğin: http://localhost/Editor klasörü içine)
  3. Editörün ekleneceği html dosyasında CKEditor’ün ayarlamaları yapılır
    1. <head> bölümünde script dosyası bağlanır.

(Örneğin: <script src="ckeditor/ckeditor.js"></script>

  1. Kullanılacak <textarea> etiketi belirlenir.

Örnek:

Okumaya devam et