粘贴到tinymce时保持压痕

时间:2014-07-06 12:13:07

标签: tinymce paste syntaxhighlighter

当我将代码编辑器中的格式化代码复制到tinymce PRE 标记时,它会删除所有缩进(\ t)。我尝试了所有粘贴配置参数,但没有帮助。

有效代码:

enter image description here

粘贴到tinymce时

enter image description here

1 个答案:

答案 0 :(得分:0)

有一个名为paste的插件,它具有在粘贴时松动缩进的副作用。此插件用于从Microsoft Word复制粘贴。如果您没有使用此功能,则以下更改将对您有用 -

  1. 从已应用的插件列表中删除粘贴插件。
  2. 将此行添加到初始配置 - forced_root_block:' pre
  3. 以下是我的init配置 -

        tinyMCE.init({
            remove_linebreaks: true,
            preformatted : true,
            apply_source_formatting : true,
            selector:'textarea',
            forced_root_block : 'pre',
            mode: "textareas",
            height: "300",
            force_br_newlines : true,
            force_p_newlines : false,
            theme: 'modern',
            plugins: ['advlist autolink lists link image charmap print preview hr anchor pagebreak',
            'searchreplace wordcount visualblocks visualchars code fullscreen',
            'insertdatetime media nonbreaking save table contextmenu directionality',
            'emoticons template textcolor colorpicker textpattern imagetools'
            ],
            toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
            toolbar2: 'print preview media | forecolor backcolor emoticons',
            image_advtab: true,
            templates: [
            { title: 'Test template 1', content: 'Test 1' },
            { title: 'Test template 2', content: 'Test 2' }
            ],
            content_css: ['//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css',
            '//www.tinymce.com/css/codepen.min.css'
            ]
    });
    

    每当您将一些代码粘贴到tinyMCE编辑器时,此更改将强制复制到<pre>标记下。

    请注意,使用enter将在现有标签中创建一个新行,而使用shift + enter将创建一个新块。当你不得不经常在标签之间切换时,使用shift + enter的技巧可能会派上用场。