Özel sınıfları ile bazı div etiketleri içine sarılarak bir "side-tag" dönüşür makalenin gövdesinde bazı metin eklemek gerekir.
Tinymce'de metin alanı olan yeni bir pencere açan özel bir düğme oluşturdum. Metni yazıyorsunuz ve Tamam'a bastığınızda, başlangıç ve endig div etiketlerini ekliyor ve imlecinizin bulunduğu wp düzenleyicisine ekliyor.
İşte kod:
(function () {
tinymce.PluginManager.add('custom_mce_button2', function(editor, url) {
editor.addButton('custom_mce_button2', {
icon: false,
text: 'Side Tag',
onclick: function (e) {
editor.windowManager.open( {
title: 'Insert a Sidetag',
body: [{
type: 'textbox',
name: 'title',
placeholder: 'Type the side tag content here.',
multiline: true,
minWidth: 700,
minHeight: 50,
},
{
type: 'button',
name: 'link',
text: 'Insert/Edit link',
onclick: function( e ) {
//get the Wordpess' "Insert/edit link" popup window.
},
}],
onsubmit: function( e ) {
editor.insertContent( '<div class="side-tag-wrap hidden-xs"><div class="side-tag">' + e.data.title + '</div></div>');
}
});
}
});
});
})();
Ve ne yapar:
Şimdiye kadar her şey çalışıyor ama ... Ayrıca açılır pencere hala açıkken, varsayılan düzenleyicinin "Bağlantı Ekle / Düzenle" düğmesinin nasıl çalıştığını gösteren bağlantılar eklemek istiyorum. Tinymce bağlantı eklentisini nasıl kullanacağımı biliyorum ama bu yardımcı olmuyor. Ben esas olarak zaten yayınlanmıştır bu yüzden buna ihtiyacım var:
Özel açılır penceremde bu düğmeyi çağırmanın veya hızlı etiketler işlevini çağırmanın bir yolu var mı?