如何在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
相关产品推荐
相关产品推荐

