2017-08-21 56 views
0

我正在使用HTML Web应用程序中的电子邮件客户端,并使用TinyMCE作为文本编辑器。我的一个要求是允许输入完整的HTML电子邮件广告素材,并试图将它们粘贴到源代码输入中。然而,当我这样做并保存它时,TinyMCE似乎会从粘贴的广告素材中删除大量代码,例如doctype标记,html标记,整个head部分(包括内联CSS)以及各种其他标记,例如tbody从TinyMCE删除所有内容过滤

我也注意到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: '*[*]' 
}); 

回答

0

在菜单中,您可以切换到“源代码”的“工具”选项卡。粘贴代码作为源代码,然后返回所见即所得编辑器。

+0

叶,这是我做了什么,当我贴一个完整的HTML文档进到这里,然后按“确定”它消除了很多像我上面 – lisburnite

1

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

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

+0

感谢提到的标记,这让我距离我想要的地方更近一步,但是html仍然呈现不同并略有改变。通过电子邮件发送的HTML仍然与我的输入不匹配HTML – lisburnite

+0

TinyMCE会对HTML进行一些清理和验证......没有设置可以完全消除此步骤。 –