sayılır. Kelime sayısı yerine karakter sayısını göstermek için TinyMCE nasıl edinebilirim?TinyMCE, gösteri karakter sayısı başlık her şeyi söylüyor
6
A
cevap
5
kendi eklenti yazın.
Aşağıdaki çözüm this article dayanmaktadır. charactercount
eklentisi, kullanıcının gördüğü gerçek karakterleri sayar, tüm HTML ve gizli karakterler göz ardı edilir.
Karakter Sayısı Eklentisi:
tinymce.PluginManager.add('charactercount', function (editor) {
var self = this;
function update() {
editor.theme.panel.find('#charactercount').text(['Characters: {0}', self.getCount()]);
}
editor.on('init', function() {
var statusbar = editor.theme.panel && editor.theme.panel.find('#statusbar')[0];
if (statusbar) {
window.setTimeout(function() {
statusbar.insert({
type: 'label',
name: 'charactercount',
text: ['Characters: {0}', self.getCount()],
classes: 'charactercount',
disabled: editor.settings.readonly
}, 0);
editor.on('setcontent beforeaddundo', update);
editor.on('keyup', function (e) {
update();
});
}, 0);
}
});
self.getCount = function() {
var tx = editor.getContent({ format: 'raw' });
var decoded = decodeHtml(tx);
var decodedStripped = decoded.replace(/(<([^>]+)>)/ig, "").trim();
var tc = decodedStripped.length;
return tc;
};
function decodeHtml(html) {
var txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
});
CSS Düzenlemeler:
/* Optional: Adjust the positioning of the character count text. */
label.mce-charactercount {
margin: 2px 0 2px 2px;
padding: 8px;
}
/* Optional: Remove the html path code from the status bar. */
.mce-path {
display: none !important;
}
TinyMCE Başlatma
$('textarea.tinymce').tinymce({
plugins: "charactercount",
statusbar: true,
init_instance_callback: function (editor) {
$('.mce-tinymce').show('fast');
$(editor.getContainer()).find(".mce-path").css("display", "none");
}
// ...
});
ps. JS minifier kullanın.
1
init_instance_callback: function (editor) {
editor.on('change', function (e) {
var length = editor.contentDocument.body.innerText.length;
});
}
Bunun üzerine init ekleyin. uzunluk karakter uzunluğudur. Artık kelime sayısını gizlemeniz ve karakter sayacıyla yeni bir dizge eklemeniz gerekiyor.
İlgili konular
- 1. İki karakter arasındaki bir şeyi kaldırın
- 2. CEdit odaklanırken her şeyi seç
- 3. USSD mesajındaki maksimum karakter sayısı nedir?
- 4. Metin kutusuna girilen karakter sayısı nasıl sayılır?
- 5. C# word interop her şeyi bulup değiştirin
- 6. Şablon önbelleğinde her şeyi nasıl listeleyebilirim?
- 7. Xpath - İlk p olmayan her şeyi seçin
- 8. Git her şeyi yeni menüye gönder
- 9. Her şeyi oluşturmadan j2html'yi nasıl kullanabilirim?
- 10. systemjs: node_modules ile ilgili her şeyi eşleme
- 11. sütun kullanmamak ve her şeyi seçerek
- 12. Kimliksiz Kullanıcı bulunamadı, her şeyi denedim
- 13. ruby içinde her şeyi rb_protect nasıl
- 14. Neden django her şeyi iki kez çalıştırıyor?
- 15. "Her şeyi" javax.naming.InitialContext adresinden almak mümkün mü?
- 16. URL metninden önce her şeyi kaldırın
- 17. linq liste listemize uyan her şeyi içeriyor.
- 18. TinyMCE
- 19. gösteri gizle Çubuğu Öğeleri
- 20. Yönlendirme/gösteri görünümü
- 21. jQuery: Bir div içindeki her şeyi nasıl devre dışı bırakır? ama yine de her şeyi görünür halde tutar mısınız?
- 22. WMPLib: player.mediaCollection.getAll(). Sayısı her zaman 0
- 23. UICollectionViewCell sayısı her zaman geri dön 0
- 24. Her istek için bir başlık ekleyin .htaccess
- 25. Bölünmüş bir dize her 5 karakter
- 26. Ruby: Her X karakter karakterini boşluklara yerleştirin
- 27. JQuery Popup karakter haritasi
- 28. TinyMCE textarea
- 29. XPath kısmi şeyi
- 30. Çift karakter oluşumundan sonra her şeyle eşleşecek şekilde regex