tinymce - 粘贴到tinymce时保持缩进

Question

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

有效代码：

粘贴到tinymce时

Answer 1

有一个名为paste的插件，它的副作用是在粘贴时会丢失缩进。此插件用于从 Microsoft Word 复制粘贴。如果您不使用此功能，那么以下更改将对您有用 -

1. 从应用插件列表中删除粘贴插件。
2. 将此行添加到您的初始化配置 中-forced_root_block：'pre

以下是我的初始化配置 -

    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 的技巧可能会派上用场。