You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Vaadin 14中使用TinyMCE for Flow的插件?

在Vaadin 14中使用TinyMCE for Flow的Autosave插件

当然可以用。Vaadin的TinyMCE for Flow组件是通过Java API完成配置的,不需要单独编写JS初始化文件,具体操作步骤如下:

  • 添加插件与工具栏按钮
    创建TinyMceEditor实例后,直接通过Java方法配置插件和工具栏:

    TinyMceEditor editor = new TinyMceEditor();
    // 启用autosave插件
    editor.setPlugins("autosave");
    // 将恢复草稿按钮加入工具栏
    editor.setToolbar("restoredraft");
    
  • 自定义自动保存参数(可选)
    如果需要调整自动保存间隔、草稿保留时长等,可通过getConfig().put()添加对应配置:

    // 设置每30秒自动保存一次
    editor.getConfig().put("autosave_interval", "30s");
    // 草稿保留时长设为1天
    editor.getConfig().put("autosave_retention", "1d");
    
  • 验证功能效果
    启动应用后,编辑器会自动在后台保存内容草稿,点击工具栏的restoredraft按钮即可恢复未手动保存的内容。

注意:autosave属于TinyMCE核心插件,官方的TinyMCE for Flow集成包已包含该插件,无需额外引入资源文件。

内容的提问来源于stack exchange,提问作者Eyvind Almqvist

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 09:34:55