Giriş yapmadınız.

Duyuru

TÜRKÇE KİTAP DUYURUSU:
Laravel 5 : Laravel 5.1 Güzelliği (Türkçe)
Vue.js 2 : Vue.js 2 Majesteleri (Türkçe)

#1 04.02.2019 16:14:03

Kevin-Mitnick
Üye
Kayıtlı: 26.05.2016
Mesajlar: 452

Blog için Post

Selamlar laravelde blog paylaşımı için wordpress teki gibi bir sistem aradım ama bulamadım . Yazının içine resim gömebileceğim Onu direk blade tarafında gösterip düzenletebileceğim bir yapı arıyorum.


Mister Koder

Çevrimdışı

#2 04.02.2019 16:24:07

mgsmus
Moderatör
Yer: Mersin
Kayıtlı: 17.08.2013
Mesajlar: 1,500
Website

Yanıt: Blog için Post

Bahsettiğiniz içerik editörü ise CKEditor tavsiye ederim. 13-14 senedir kullanıyorum sanırım.

Çevrimdışı

#3 05.02.2019 10:09:14

Kevin-Mitnick
Üye
Kayıtlı: 26.05.2016
Mesajlar: 452

Yanıt: Blog için Post

@mgsmus hocam timceyi kullandım daha önce   CKEeditörde paylaştığımızı direk basıyor mu ? mesela yazının içine resim koyduğumuzda  ?


Mister Koder

Çevrimdışı

#4 05.02.2019 20:46:58

mgsmus
Moderatör
Yer: Mersin
Kayıtlı: 17.08.2013
Mesajlar: 1,500
Website

Yanıt: Blog için Post

Direk basıyor kısmını anlamadım. HTML kodu üretiyor:

Demo:
https://ckeditor.com/ckeditor-4/demo/#article

Tüm özellikler demosu:
https://nightly.ckeditor.com/19-02-05-0 … l/samples/

Kaynak koduna müdahale etmeyeceğim diyorsanız, modern javascript bilginiz de iyi ise v5 versiyonuna da bakabilirsiniz. Versiyon 5 daha çok içerik düzenleme üzerine kurulu bir editor. Koddan ziyade ön tanımlı
widget/plugin diyebileceğimiz ögeleri oluşturarak istediğiniz editörü siz oluşturuyorsunuz. Kendisi de bazı hazır özellikler ile geliyor. Daha çok bir editör framework:
https://ckeditor.com/ckeditor-5/demo/

Benim planım CKEditor 5'in biraz daha doyuma ulaşmasını beklemek. Daha sonra onu kullanıp kendi plugin kütüphanemi oluşturacağım

Çevrimdışı

#5 06.02.2019 08:14:52

Kevin-Mitnick
Üye
Kayıtlı: 26.05.2016
Mesajlar: 452

Yanıt: Blog için Post

@mgsmus hocam teşekkürler dün 4 ü kurdum fakat resim yüklemek için plugin lazım herhalde.Şu şekilde hata alıyorum Upload adapter is not defined Şunu demek istedim aslında şimdi biz bir resimli yazı yükledik diyelim https://ckeditor.com/ckeditor-4/demo/#article gibi bunu veri tabanına kayıt ederken resim dosyasını nasıl algılıyor ? Çünkü adminin tekrar bunu düzenlemesi gerekecek.


Mister Koder

Çevrimdışı

#6 06.02.2019 09:08:47

mgsmus
Moderatör
Yer: Mersin
Kayıtlı: 17.08.2013
Mesajlar: 1,500
Website

Yanıt: Blog için Post

Öncelikle konu ile ilgili dokümanlar burada:
https://ckeditor.com/docs/ckeditor4/lat … pload.html

Kısaca bahsetmek gerekirse; config.js dosyasına resim yükleme adresini ekliyorsunuz:

CKEDITOR.editorConfig = function (config) {
    //...
    config.uploadUrl = '/admin/media/upload';
};

Kullanıcı editöre resim yapıştırırsa ya da fare ile bırakırsa (drag&drop dediğimiz) /admin/media/upload adresine ajax ile bu resim upload adı altında gönderiliyor.
Siz de /admin/media/upload rotasına bağlı ilgili controller yöntemi içerisinde, örneğin MediaController::ckeditorUpload(), bu dosyaya ulaşıyorsunuz. Klasik $request->file('upload') şeklinde mesela.
Sonra istediğiniz yükleme, veritabanına kayıt vs işlemi yaptırıp sonucu JSON response şeklinde dönderiyorsunuz:

Başarılı ise:

{
    "uploaded": 1,
    "fileName": "resim.jpg",
    "url": "/uploads/posts/25/resim.jpg"
}

Başarısız ise:

{
    "uploaded": 0,
    "error": {
        "message": "Hata mesajı"
    }
}

Sonuç başarılı ise editor resmi yapıştırdığınız/bıraktığınız noktaya şu kodu ekliyor:

<img src="/uploads/posts/25/resim.jpg" alt="">

Sonra postu veritabanına kaydediyorsunuz.

Elbette eklenen tüm resimleri görmek/silmek isterseniz bir tane dosya yöneticisi gibi bir şeyler hazırlamanız gerekiyor. CKFinder diye CKEditor'ü yapanlara ait bir dosya yöneticisi var ama ücretli.

Çevrimdışı

#7 06.02.2019 10:17:20

Kevin-Mitnick
Üye
Kayıtlı: 26.05.2016
Mesajlar: 452

Yanıt: Blog için Post

anladım hocam teşekkürler.


Mister Koder

Çevrimdışı

Forum alt kısmı