Ben cdn kullandım editör için. İlk olarak kullanacağımız temayı tanımlıyoruz. Bir de jquery tanımlaması yapıyoruz;
<script></script>
Body içine editörümüzü ve onun toolbar kısmını oluşturuyoruz divler halinde. Bir adet de kayıt butonu ekliyoruz;
Merhaba Dünya!
Yazıkalın yazı
Şimdi quill editörü tanımlayalım;
<script></script>
Son olarak editörün oluşturulması, toolbarın oluşturulması ve verilerin işlenmesi;
(web sitesinden bakarak toolbaroptions kısmına istediğinizi ekleyip çıkartabilirsiniz)
<script>
var toolbarOptions = [
['bold', 'italic', 'underline', 'strike'],
['blockquote'],
[{'header': [1, 2, 3, 4, 5, 6, false]}],
[{'list': 'ordered'}, {'list': 'bullet'}],
[{'script': 'sub'}, {'script': 'super'}],
[{'indent': '-1'}, {'indent': '+1'}],
[{'direction': 'rtl'}],
[{'size': ['small', false, 'large', 'huge']}],
['link', 'image', 'formula', 'video'],
[{'color': []}, {'background': []}],
[{'font': []}],
[{'align': []}]
];
var quill = new Quill('#editor', {
modules: {
toolbar: toolbarOptions
},
theme: 'snow'
});
$('#save').click(function(){
var a = quill.container.firstChild.innerHTML
console.log(a);
});
</script>
quill.getContents() diyerek verileri json biçiminde de alabilirsiniz. Ben ilk başta öyle yaptım ancak json veriyi işleyemediğim için bu hale çevirdim.
(yardım için awoken teşekkürler)
