如何在tinyMCE 4中启动时启动visualchars

时间:2013-07-17 12:53:19

标签: tinymce tinymce-4

我想在启动编辑器后立即打开visualchars按钮和功能。微小的MCE 仅限版本4 ,非jQuery版本。

为什么呢?难道你不知道那是不是很糟糕?

不,我并不想冒犯一些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。

此外,我希望每次插入时都能强制使用visualchars,因为默认情况下tinyMCE的行为是我必须将其关闭然后再打开。

最后但并非最不重要的是,如果有一个比tinyMCE更好的编辑器或者有更好的noobs文档的编辑器,我会很乐意尝试。

重要的: TinyMCE 仅限版本4

2 个答案:

答案 0 :(得分:2)

如果有人需要代码强制启用视觉角色功能,因为编辑器在这里加载了一个TinyMCE小提琴,它会向您显示详细信息:

http://fiddle.tinymce.com/ajgaab

您必须在插件列表中加载visualchars插件,然后您可以使用编辑器的init函数打开该功能:

tinymce.init({
  selector: "textarea",
  plugins: [
    "...visualchars..."
  ],
  ....
  setup: function (editor) {
    editor.on('init', function () {
        editor.execCommand('mceVisualChars');
    });
  }
}); 

请参阅TinyMCE小提琴了解完整的工作代码。

答案 1 :(得分:0)

您需要添加oninit(然后编辑器已初始化并准备就绪)激活插件。

  

此外,我希望每次都可以强制使用视觉系统   插入,因为默认情况下tinyMCE的行为是我必须的   把它关掉然后再打开。

您可以检查插入的角色onKeyDown,然后激活插件(和按钮)。