从TinyMCE中删除所有内容过滤

时间:2017-08-21 12:14:19

标签: javascript html css tinymce

我正在使用HTML网络应用程序中的电子邮件客户端,并使用TinyMCE作为文本编辑器。我的一个要求是允许输入完整的HTML电子邮件广告素材,并尝试将其粘贴到源代码输入中。但是,当我执行此操作并保存时,TinyMCE似乎从粘贴的广告素材中删除了大量代码,例如doctype代码,html代码,整个head部分(包括内联CSS)和各种其他标签,例如tbody等。

我还注意到title标记中的文字已放在文档开头的p标记内。

理想情况下,我希望能够粘贴完整的文档而不更改任何来源,我们将不胜感激。

以下是我用来初始化TinyMCE的代码:

tinymce.init({
    selector: '.js-email-editor',
    plugins: [
        'advlist autolink lists link image charmap print preview hr anchor pagebreak legacyoutput',
        'searchreplace wordcount visualblocks visualchars code',
        'insertdatetime media nonbreaking save table contextmenu directionality',
        'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc help'
    ],
    toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
    toolbar2: 'print preview media | forecolor backcolor emoticons | codesample help',
    image_advtab: true,
    content_css: [
        '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
        '//www.tinymce.com/css/codepen.min.css'
    ],
    branding: false,
    valid_elements: '*[*]'
});

2 个答案:

答案 0 :(得分:1)

fullpage插件将允许TinyMCE使用完整的HTML内容页面。默认情况下,您正在处理HTML文档的<body>标记内的项目。运行fullpage插件可以让您使用整个页面。

https://www.tinymce.com/docs/plugins/fullpage/

答案 1 :(得分:0)

在菜单的“工具”标签中,您可以切换到“源代码”。将代码粘贴为源代码,然后返回WYSIWYG编辑器。