如何调整Bootstrap panel中ngWYSIWYG编辑器的高度至200px？

要调整Bootstrap Panel内ngWYSIWYG编辑器的高度，不用折腾行或列的样式，直接针对编辑器本身操作即可，推荐两种方法：

• 优先使用组件自带配置项
  ngWYSIWYG支持通过配置对象直接设置高度，你只需要在控制器里给vm.productConfig添加height属性：

  vm.productConfig = {
    height: '200px'
    // 保留你原本的其他配置项
  };
  

  这种方式是组件设计时提供的标准用法，不会产生样式冲突。

• 自定义CSS强制设置（配置项无效时用）
  如果配置项没起作用，打开浏览器开发者工具找到编辑器渲染后的核心编辑区域（一般带有.wysiwyg-editor类），然后添加以下CSS：

  #wysiwygProductDescription .wysiwyg-editor {
    height: 200px !important;
    min-height: 200px; /* 避免内容过少时高度自动收缩 */
  }
  

  用ID定位是为了仅作用于当前这个编辑器，不会影响页面上其他同类型组件。

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