php scripte .js metin editörü ekleme
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.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!