Question

有没有办法让TinyMCE V4不删除<style>代码。

  tinymce.init({
    selector: 'textarea.tinymce',
    theme: 'modern',
    plugins: [
      'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
      'searchreplace wordcount visualblocks visualchars code insertdatetime media nonbreaking',
      'save table contextmenu directionality emoticons template paste textcolor'
    ],
    valid_elements: '+*[*]',
    width: '100%',
    inline_styles: true,
    keep_styles: true,
    extended_valid_elements: '+*[*]',
    custom_elements: '*',
    invalid_elements: '',
    verify_html: false
  });

我希望能够添加任何我想要的HTML，无论是否有效。我不在乎它是叉子还是解决方法。

Answer 1

您可以使用TinyMCE valid_children选项：

valid_children : '+body[style]',

检查this fiddle以获取完整示例。

valid_children使您可以控制指定父元素中可存在的子元素。

Answer 2

TinyMCE只允许HTML标记有效... <style>标记属于文档的<head>，因此如果您在<body>中放置一个标记，它会剥离它出。

如果您启用fullpage插件并在<style> TinyMCE中添加<head>标记，则会保留<style>标记。

Answer 3

将style和link定义为自定义标签以保留它们：

tinymce.init({
...
    extended_valid_elements:"style,link[href|rel]",
    custom_elements:"style,link,~link"
...
});

TinyMCE剥离样式标签

3 个答案: