エディターが開始されるとすぐに、visualchars ボタンと機能をオンにしたいと考えています。Tiny MCEバージョン 4 のみ、非 jQuery バージョン。
なんで?nbsp が悪いことを知らないのですか?
いいえ、私は HTML の正しさの神を怒らせようとしているわけではありません。フランス語のテキストでは、いくつかの一般的な場合 (疑問符、感嘆符、コロン、セミコロンの前など) で改行なしのスペースが必須です。
非改行スペースがどこにあるかを見たい...
...そして、他の誰かが作成したコンテンツ (PDF や Word からのコピー/貼り付けなど) をレビューしたためにそれらが欠落している場合、一般的に言えば、適切なフランス語のタイポグラフィについてテキストをチェックします。
エディターの呼び出し方法は次のとおりです。
var ed = new tinymce.Editor('tinymce1', {
plugins: [
'advlist link image charmap pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen media nonbreaking',
'table template paste'
],
language: 'fr_FR',
element_format: 'html',
keep_styles: false,
paste_as_text: true,
content_css: '/admin/css/tinymce.css',
browser_spellcheck: false,
toolbar1: "bold italic | styleselect formatselect | link unlink | bullist numlist | charmap subscript superscript | visualchars visualblocks nonbreaking",
toolbar2: "image media | cut copy paste | searchreplace | undo redo | code | fullscreen | removeformat | spellchecker",
menubar: false,
toolbar_items_size: 'normal',
style_formats: [
{title:'Signature', block:'p', classes:'signature'}
],
block_formats: 'Paragraphe=p;Titre 3=h3;Titre 4=h4;Div=div',
setup: function(ed) {
ed.on('keyup', function(e) {
console.log('keyup: good for you, you captured a keyup event!');
});
ed.on('init', function(e) {
console.log('init: nothing to see here, it kinda works.');
});
} // setup
}, tinymce.EditorManager);
ed.render();
これは今のところうまくいきますが、起動時にvisualcharsをアクティブにする方法がわかりません。
さらに、nbsp を挿入するたびに visualchars を強制できるようにしたいと考えています。これは、デフォルトで tinyMCE の動作がオフにしてから再度オンにする必要があるためです。
最後になりましたが、tinyMCE よりも優れたエディターや初心者向けの優れたドキュメントを備えたエディターがあれば、喜んで試してみたいと思います。
重要: TinyMCEバージョン 4 のみ