wangEditor设置斜体加粗不显示

要设置wangEditor中的斜体和加粗样式，可以使用HTML中的<strong>和<em>标签。然而，在原生HTML中，这些标签可能无法正常显示。为了解决这个问题，你可以通过设置wangEditor的自定义配置来实现。具体来说，你可以在wangEditor的配置中添加一个onchange事件，用来监听编辑器内容的变化。在这个事件的回调函数中，你可以通过正则表达式替换<strong>和<em>标签为适合wangEditor的样式。例如，你可以使用以下代码来设置斜体和加粗样式：

this.editor.customConfig.onchange = (html) => {
  // 替换斜体标签为wangEditor的样式
  html = html.replace(/&lt;em&gt;(.*?)&lt;\/em&gt;/g, '<i>$1</i>');
  // 替换加粗标签为wangEditor的样式
  html = html.replace(/&lt;strong&gt;(.*?)&lt;\/strong&gt;/g, '<b>$1</b>');
  // 更新编辑器内容
  this.editor.txt.html(html);
};

通过这样的设置，当用户输入&lt;em&gt;和&lt;strong&gt;标签时，它们将被替换为wangEditor中的斜体和加粗样式，并正确显示在编辑器中。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue 中使用wangeditor 配置字号，无效果](https://blog.csdn.net/weixin_39929683/article/details/114474613)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [Ueditor加粗和斜体功能无效](https://blog.csdn.net/yy1098029419/article/details/89522043)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]