TinyMCE将<>转换成了 &lt;&gt;

你可以尝试在TinyMCE中使用HTML编码来解决这个问题。HTML编码可以将特殊字符转换为实体字符，以便正确显示和处理。

在TinyMCE中，你可以使用`entity_encoding`选项来控制特殊字符的编码方式。将`entity_encoding`设置为"raw"可以禁用编码，而将其设置为"named"或"numeric"可以启用编码。

例如，你可以尝试添加以下配置到你的TinyMCE初始化代码中：

tinymce.init({
  // 其他选项...
  entity_encoding: "named"
});

这样，TinyMCE将会将特殊字符（如`<`和`>`）转换为对应的命名实体字符（`&lt;`和`&gt;`），而不是直接显示原始字符。

希望这个方法能帮到你！如果还有其他问题，请随时提问。

相关问题

<tinymce-editor> - did you register the component correctly? For recursive components, make sure to provide the "name" option.是什么问题

这个错误通常出现在 Vue.js 中，它表示在使用递归组件时没有正确注册组件或者没有提供组件的名称选项。

如果是没有注册组件的问题，可以通过在组件定义前添加 `Vue.component` 来注册组件。例如：

Vue.component('my-component', {
  // 组件选项
})

如果是递归组件没有提供名称选项的问题，可以在组件定义中添加 `name` 选项。例如：

Vue.component('my-component', {
  name: 'my-component',
  // 组件选项
})

确保组件名称与组件定义的名称相同可以解决递归组件的问题。

<tinymce v-model="editForm.productOverview" :key="tinymceFlag" > </tinymce>怎么改变宽高

在HTML模板`<tinymce v-model="editForm.productOverview" :key="tinymceFlag"></tinymce>`中，`tinymce`是一个富文本编辑器组件，其内容通过`v-model`绑定到Vue实例的数据属性`editForm.productOverview`。若你想改变这个 Tinymce 编辑器的宽度和高度，你可以直接在其父元素上设置CSS样式。

例如：

<div style="width: 80%; height: 400px;">
  <tinymce v-model="editForm.productOverview" :key="tinymceFlag"></tinymce>
</div>

在这个例子中，`width: 80%`和`height: 400px`设置了编辑器区域的宽度为容器的80%，高度为400像素。你可以根据需要调整这两个值。

如果你想要更动态的方式控制，可以利用JavaScript或者Vue.js的计算属性或自定义指令。比如，在Vue的data里定义一个对象存储编辑器尺寸，然后在CSS类中引用它：

data() {
  return {
    tinymceSize: { width: '80%', height: '400px' },
    editForm: { productOverview: '' }
  };
},
methods: {
  resizeTinymce(width, height) {
    this.tinymceSize.width = `${width}`;
    this.tinymceSize.height = `${height}`;
    // 更新视图（假设tinymce有一个ref）
    this.$refs.myTinymce.style.width = this.tinymceSize.width;
    this.$refs.myTinymce.style.height = this.tinymceSize.height;
  }
}

然后在需要的时候调用`resizeTinymce()`方法。