如何允许TinyMCE 5html、head和body标签？

TinyMCE 5 是一个流行的富文本编辑器，它默认情况下会清理 HTML 内容以确保安全性，这通常意味着它会移除 <html>, <head>, 和 <body> 标签，因为这些标签通常不需要在富文本编辑器的内容中直接使用。然而，如果你确实需要允许这些标签，可以通过配置 TinyMCE 的 valid_elements 和 extended_valid_elements 选项来实现。

基础概念

valid_elements 和 extended_valid_elements 是 TinyMCE 的配置选项，用于定义哪些 HTML 元素和属性是允许的。valid_elements 定义了基本的允许元素，而 extended_valid_elements 允许更详细的属性定义。

类型与应用场景

类型: 这是一种编辑器配置，用于控制内容的结构和安全性。
应用场景: 当你需要编辑器支持完整的 HTML 文档结构时，例如在制作电子邮件模板或者需要预定义结构的网页片段时。

解决问题的方法

以下是如何配置 TinyMCE 5 以允许 <html>, <head>, 和 <body> 标签的示例代码：

tinymce.init({
  selector: 'textarea',  // 选择器，根据你的需要更改
  valid_elements: '*[*]',  // 允许所有元素及其属性
  extended_valid_elements: 'html,head,body[*]',  // 明确允许 html, head, body 及其属性
  // 其他配置选项...
});

在这个配置中，valid_elements: '*[*]' 表示允许所有元素及其属性，而 extended_valid_elements: 'html,head,body[*]' 则明确指出了 <html>, <head>, 和 <body> 标签是被允许的，并且它们可以包含任意属性。