v2.5.2
Giriş yap

php scripte .js metin editörü ekleme

g4rymckinn0n
313 defa görüntülendi

bir php script içerisinde eski 3 adet js editör var. aşırı eski oldukları için yenilemek istedim.

2 gündür inceliyorum deniyorum ama yeni bir js editör ekleyemedim.

script içerisinde önceki editörlerin yer aldığı değişkenleri çoğalttım. min.js tarafında ise şöyle bir yapı var:

    else if (Settings.editor == "sceditor") {
    $("#editor").sceditor({
      plugins: "bbcode",
      toolbar:
        "bold,italic,underline,left,center,right,justify,size,bulletlist,orderedlist,image,link,youtube,emoticon,code,quote,removeformat,source",
      height: 200,
      emoticonsRoot: base_url + "themes/default/assets/smileys/",
      style: "minified/jquery.sceditor.default.min.css",
    });
    $(document).on("click", ".quote-reply", function (e) {
      var reply_id = $(this).attr("id");
      var author = $("#reply" + reply_id)
        .parents(".post-box")
        .find(".author")
        .text();
      var quote_html = $("#mde" + reply_id).text();
      var sce = $("#editor").sceditor("instance");
      sce.focus();
      sce.insert(
        "[quote][b]" +
          lang.quoting +
          " " +
          author +
          "[/b] " +
          quote_html.trim() +
          "[/quote] "
      );
    });
  }

ben bu yapıyı çoğaltıp şu şekilde değiştirdim:

else if (Settings.editor == "quill") {
    var quill = new Quill('#editor', {
      theme: 'snow'
    });
    
    $(document).on("click", ".quote-reply", function (e) {
      var reply_id = $(this).attr("id");
      var author = $("#reply" + reply_id)
        .parents(".post-box")
        .find(".author")
        .text();
      var quote_html = $("#mde" + reply_id).text();
      var sce = $("#editor").quill("instance");
      sce.focus();
      sce.insert(
        "[quote][b]" +
          lang.quoting +
          " " +
          author +
          "[/b] " +
          quote_html.trim() +
          "[/quote] "
      );
    });
  }

bu kısımı ise eklemek istediğim editörün sitesinden aldım: ( https://quilljs.com/docs/quickstart/ )

var quill = new Quill('#editor', {
      theme: 'snow'
    });

bu ayarlar için index.php dosyasında bulunan kısım. ayarlardaki editörler arasında eklediğim editörü böyle çıkardım. ayarları uyguladım.

$eopt = ['redactor' => 'Trumbowyg (HTML)', 'simpledme' => 'SimpleMDE (Markdown)', 'sceditor' => 'SCEditor (BBCODE)', 'quill' => 'Quill Editör' ];
                    echo form_dropdown('editor', $eopt, $Settings->editor, 'class="form-control tip select2" id="textarea"  style="width:100%;" required="required"');

burada ise daha önceki editörün js kodlarını çağırmıştı ben de aynı şekilde çağırdım:

<?php } elseif ($Settings->editor == 'sceditor') { ?>
<script type="text/javascript" src="<?= $assets; ?>components/sceditor/minified/jquery.sceditor.bbcode.min.js"></script>

<?php } elseif ($Settings->editor == 'quill') { ?>
<script type="text/javascript" src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

aynı şekilde önceki editörün stil dosyaları nasıl eklenmişse bunu da öyle ekledim.

    <?php } elseif ($Settings->editor == 'sceditor') { ?>
    <link rel="stylesheet" href="<?= $assets; ?>components/sceditor/minified/themes/modern.min.css">

    <?php } elseif ($Settings->editor == 'quill') { ?>
    <link rel="stylesheet" href="https://cdn.quilljs.com/1.3.6/quill.snow.css">

fakat siteye girip ilgili alanları kontrol ettiğimde orası sadece textarea olarak açılıyor. ne stil var ne js. her yerini kurcaladım. acemi olduğum için içinden çıkamadım.

Cevap yaz
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!