14 Aralık 2011 Çarşamba

CKEditor Kullanımı

İçeriklerinizi eklerken editöre ihtiyacınız olabilir. En yaygın kullanılan editörlerden birisi de ckEditor uygulaması.
Önce uygulamayı indirip sunucunuza/hostunuza yükleyin. İndirme linki aşağıda mevcut merak etmeyin :)

Editörü kullanacağınız textarea id'sini editöre bildirmeniz gerekiyor.
Örnek olarak şöyle yapmalısınız:
Önce sayfanın başına javascript ve css dosyalarını yüklemelisiniz.


<script type="text/javascript" src="../include/takvim.js"></script>
<script type="text/javascript" src="../editor/ckeditor.js"></script>
<script src="../editor/editor/sample.js" type="text/javascript"></script>
<link href="../editor/editor/sample.css" rel="stylesheet" type="text/css"/>





        <textarea name="detay" cols="100" rows="25"  id="detay"> </textarea>
    <script type="text/javascript">
//<![CDATA[
var editor = CKEDITOR.replace( 'detay');
//]]>
</script>        





Örnek demo kullanım için:
http://ozturkce.com/benigelistir/editor/adminPanel/editor.asp

Dosyayı indirmek için:
ozturkce.com/Abm/ornekler/editor.rar


13 yorum:

  1. merhabalar benim ckeditörler başım dertte ilk defa kullanıyorum lutfen yardım edin benim sorunum ckeditörile yazıları dbye gayet guzel sekılde kaydedıyorum fakar o veriyi cektıgım zaman html kodlarla bırlıkte gelıyor ne yapmam gerek acıl lutfen :(

    YanıtlaSil
  2. Merhabalar,
    sanırım ckeditörden aldığınız veriyi zararlı kodlardan temizliyorsunuz.
    kodunuzdan bir örnek gösterirseniz yardımcı oluruz.

    YanıtlaSil
  3. kodlar derken ckeditörüm kurulu gayet güzel bir şekilde veritabanıma kayıtta ediyorum kaydettiğim o veriyi dbden çektiğim an html kodlarıyla birlikte geliyor html tag ve kodlarla beraber çıktı alıyorum

    YanıtlaSil
  4. Editöre textarea bölümünü alıyorsunuz değil mi?
    Eğer editöre bir yerden yazı yapıştırıyorsanız ondan da olabilir.
    Kesin sonuç için çalışmanızı görmekte fayda var.

    YanıtlaSil
  5. şimdi o zaman söyle izah edeyim
    script type="text/javascript" src="ckeditor/ckeditor.js"
    script src="ckeditor/_sample/sample.js" type="text/javascript
    link href="ckeditor/_sample/sample.css" rel="stylesheet" type="text/css
    bu üç tane js alıyı alıyorum

    aynı sayfaya
    textarea class="ckeditor" cols="30" id="editor" name="ack" rows="5"><p>Initial value.</p>/ textarea

    ack adlı textareayı dbye veri kaydetmesi için kodları yazıyorum ve sorunsuz şekilde kayıt edıyorum başka bir sayfada o verıyı alırken
    %=xxxxx("xxx")% bu kodu kullanıyorum bu kadar

    not: html kodlara izin vermediği için > işaretini kaldırdım kodların

    YanıtlaSil
  6. not: html kodlara izin vermediği için > işaretini kaldırdım kodların

    orun orada.
    Editör kullanımında html kodlara izin vermelisiniz. Deneyin göreceksiniz.

    YanıtlaSil
  7. su anda dbye baktım şöyle eklıyor dbye bide
    <p><br>
    Initial value.sadasdsadsadddddddddd</p><br>
    <p><br>
    asd</p><br>
    <p><br>
    asd</p><br>
    <p><br>
    asd</p><br>
    <p><br>
    as</p><br>
    <p><br>
    das</p><br>
    <p><br>
    das</p><br>
    <p><br>
    d</p><br>


    veeeee böyle alıyorum çıktıyı html kodlar çalışmıyor sanırım ne yapmam gerekir yardımcı olur musunuz

    YanıtlaSil
  8. Şöyle;
    siz kaydederken < > işaretlerini başka bir koda dönüştürüyorsunuz.
    Bunu yapmadan kayıt işlemini yapın.

    veriyi direkt kaydedin.
    rs("detay") = request.form("detay")

    gibi kayıt işlemini yapın.

    YanıtlaSil
  9. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  10. ismail bey gerçekten çok teşekkür ediyorum sorunu çözdüm gözden kaçırmışız işte textboxları tek tırnaklardan önlemek için replace bir sayfadan zararlı kodlardan temızlıyordum onlar engellıyormus meger dbye kaydederken <> bunun gıbı işaretleri onu kaldırınca iş çözüldü sağ olun
    sizdende çok yardım aldık hakkınızı helal edin bir sorum daha olacak bu ckeditörün üzerinde ki işte ifadeleri özel karakter butonunu gizli veri gibi ismediğim butonları nasıl kaydırabılırım ?

    YanıtlaSil
  11. Aşağıdaki şekilde kullanabilirsin.


    var editor = CKEDITOR.replace( 'detay',
    {
    toolbar : [ [ 'Bold', 'Italic', 'Underline', 'Link', 'FontColor' ] ]
    });

    YanıtlaSil
  12. Ayrıca Online ders verilecek ilgilenirsen http://aspbilgibankasi.blogspot.com/2012/09/online-asp-ve-html-dersleri-verilecektir.html
    bu adresi incelemeni tavsiye ederim.

    YanıtlaSil