如何在Flutter的quill_html_editor中添加或自定义边框及圆角？

当然可行，直接给你两种实用方案：

方案一：用Container嵌套实现基础边框/圆角 #

quill_html_editor本身没有暴露边框相关的配置项，但可以把它嵌套在Flutter自带的Container组件里，通过Container的decoration属性来设置边框、圆角，代码示例如下：

Container(
  decoration: BoxDecoration(
    // 自定义边框样式
    border: Border.all(
      color: Colors.gold,
      width: 4.0,
      style: BorderStyle.solid,
    ),
    // 圆角设置
    borderRadius: BorderRadius.circular(16.0),
    // 可选：添加背景色
    color: Colors.beige[50],
  ),
  padding: EdgeInsets.all(8.0), // 给编辑器和边框预留间距
  child: QuillHtmlEditor(
    hintText: '输入奖状内容...',
    // 你的其他编辑器配置
  ),
)

方案二：实现类似奖状的装饰性边框 #

如果要做你参考图里那种带花纹、星星的装饰边框，可以用以下两种方式实现：

方法1：九宫格拉伸边框图片 #

准备一张带装饰的边框图片，用BoxDecoration的image属性配合centerSlice实现无变形的拉伸：

Container(
  decoration: BoxDecoration(
    image: DecorationImage(
      image: AssetImage('assets/award_border.png'), // 替换为你的边框图片路径
      fit: BoxFit.fill,
      centerSlice: Rect.fromLTWH(20, 20, 100, 100), // 根据图片实际尺寸调整九宫格区域
    ),
    borderRadius: BorderRadius.circular(20.0),
  ),
  padding: EdgeInsets.symmetric(horizontal: 30, vertical: 40), // 内边距适配边框内容区域
  child: QuillHtmlEditor(
    hintText: '输入奖状内容...',
    backgroundColor: Colors.transparent, // 编辑器背景设为透明，避免遮挡边框
  ),
)

方法2：双层容器叠加实现完整边框 #

如果不想处理九宫格，可通过Stack叠加背景边框和编辑器，用ClipRRect保证圆角一致性：

Container(
  child: ClipRRect(
    borderRadius: BorderRadius.circular(20.0),
    child: Stack(
      children: [
        // 底层完整边框背景
        Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage('assets/award_border_full.png'),
              fit: BoxFit.cover,
            ),
          ),
        ),
        // 上层编辑器，加内边距避开边框装饰区域
        Padding(
          padding: EdgeInsets.all(40.0),
          child: QuillHtmlEditor(
            backgroundColor: Colors.transparent,
            hintText: '输入奖状内容...',
          ),
        ),
      ],
    ),
  ),
)

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