6
A
答えて
5
独自のプラグインを書きます。
次の解決策は、this articleに基づいています。 charactercount
プラグインは、ユーザーが見る実際の文字をカウントします。すべてのHTMLと隠れた文字は無視されます。
文字カウントのプラグイン:
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の微調整:
/* 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の初期化
$('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を使用します。
1
init_instance_callback: function (editor) {
editor.on('change', function (e) {
var length = editor.contentDocument.body.innerText.length;
});
}
initでこれを追加します。長さはあなたの文字の長さです。今度は、単語数を隠し、文字列カウンターで新しい文字列を付ける必要があります。
関連する問題
- 1. OpenFST(PyFST)の円弧に整数の代わりに文字を表示
- 2. 数字の10進数の代わりに指数関数として表示
- 3. テーブルビュー(FXML)で整数の代わりに文字列を表示する方法
- 4. Wijmo FlexGrid列で序数の代わりにenum文字列を表示する
- 5. MATLABプロットはギリシャ語の代わりにラテン文字を表示します
- 6. URL変数(GET)で表示されるアポストロフィの代わりに奇数文字が表示される
- 7. Pythonシェルの代わりにGuiに文字を表示する
- 8. tinymceの単語の数を取得
- 9. CasperJSコマンドラインで変数を渡すと、数字の代わりに文字が表示されます
- 10. アイコンの代わりに矢印文字のプレーンテキストを表示
- 11. 文字の代わりに単語でテキストを選択するには?
- 12. 文字列リテラルの代わりにJavaでUnicodeコードポイントを表示
- 13. 2D Java配列で0の代わりに文字を表示
- 14. JavaScript:文字の代わりに数字を生成するconsole.log()
- 15. CASE文で数字の表示文字列の代わりに ' - 'を使用する方法
- 16. Greasemonkeyスクレーパーコードは単語の代わりに文字をつかまえますか?
- 17. 特殊文字の代わりに異なる文字を表示
- 18. テキストの代わりにトースト文字列表示オブジェクト
- 19. 文の各単語の文字数
- 20. Javascriptがリクエストパラメータが文字列の代わりに数字
- 21. 文字列を使わないで単語の総数を数えるには?
- 22. <Next>の代わりにを入力タイプ= "数字"のChromeソフトキーボードに表示
- 23. 単語の整数表現を文字列に変換する
- 24. フィボナッチ数の代わりに文字列を印刷する
- 25. 文字列の代わりに変数を使用する
- 26. リスト(Python)の項目名の代わりに数を表示
- 27. 配列の最初の文字の代わりに数字が表示されます
- 28. 文字列の代わりにArduinoの印刷整数
- 29. php複数の単語をハイライト表示
- 30. Javaの正規表現は単語の代わりに文字を返します