能否无需HTML编辑器，在默认模式下展开Collapsible sets编辑内容？

• 修改折叠面板初始状态代码
  找到你基于W3Schools模板编写的折叠面板HTML结构，这类组件一般通过CSS类或JS控制显示状态。你需要调整两个地方：

  1. 给折叠触发按钮添加active类（对应展开状态的样式）
  2. 把内容容器的默认display属性从none改为block
     示例代码：

  <!-- 修改前 -->
  <button class="collapsible">配料</button>
  <div class="content">
    <p>配料内容编辑区</p>
  </div>
  
  <!-- 修改后 -->
  <button class="collapsible active">配料</button>
  <div class="content" style="display:block;">
    <p>配料内容编辑区</p>
  </div>
  

  若需要前端页面默认显示折叠，可以在页面加载完成后通过JS自动收起面板，不影响编辑器内的编辑体验。

• 添加编辑器专属样式规则
  不想修改基础模板的话，可给编辑器环境添加自定义CSS，强制展开所有折叠内容：

  /* 仅在编辑器模式下生效 */
  .editor .collapsible + .content {
    display: block !important;
  }
  .editor .collapsible {
    /* 可选：给按钮加上展开状态的视觉标识 */
    background-color: #e0e0e0;
  }
  

  主流网站编辑器（如WordPress古腾堡、Shopify编辑器）都支持添加编辑器专属CSS，实现编辑时展开、前端访问时折叠的效果。

• 替换为编辑器原生可视化组件
  如果你使用的编辑器自带组件库，直接将自定义折叠面板替换为编辑器原生的“手风琴”或“折叠区块”组件。这类原生组件在编辑模式下默认展开，管理员可直接点击编辑内容，完全无需触碰代码。

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