如何渲染ag-grid单元格数据中包含的HTML内容？

核心问题是你之前把带HTML标签的内容当成普通文本插入了（比如使用textContent、框架插值语法等），这类方式会自动转义HTML标签，导致标签以文本形式显示。以下是不同场景下的修复方案：

• React 项目
  使用dangerouslySetInnerHTML属性直接注入HTML内容，示例代码：

  function CustomCellRenderer({ value }) {
    return <div dangerouslySetInnerHTML={{ __html: value }} />;
  }
  

  注意：务必确保内容是可信来源，避免XSS攻击

• Vue 项目
  使用v-html指令替代普通插值表达式，示例代码：

  <template>
    <div v-html="value"></div>
  </template>
  
  <script>
  export default {
    props: ['value']
  }
  </script>
  

• 纯 JavaScript/原生场景
  利用元素的innerHTML属性设置内容，示例代码：

  // 原生JS实现
  function renderCell(containerElement, cellValue) {
    containerElement.innerHTML = cellValue;
  }
  
  // jQuery实现
  $('.cell-container').html(cellValue);
  

内容的提问来源于stack exchange，提问作者Ofer Gal