插件 \ autosave 自动存稿定时自动将编辑内容保存到浏览器本地存储中(Local Storage)
+toolbar按钮+menu项

此页更新时间:2019-03-25 17:34

此页英文文档:https://www.tiny.cloud/docs/plugins/autosave/

该插件提供了很多功能:定时保存内容,在文件菜单中添加了一个“恢复草稿”选项,在工具栏添加一个“恢复草稿”的可选按钮,同时如果用户修改了编辑区内的原始内容,在跳转URL之前,其还会弹出一个提示框,提醒用户修改的内容没有提交。

tinymce.init({
    selector: '#textarea1',
    plugins: "autosave",
    toolbar: "restoredraft",
});

该插件提供的配置选项

autosave_ask_before_unload

当关闭或跳转URL时,弹出提示框提醒用户仍未保存变更内容。默认开启提示。

取值:true / false

默认:true

autosave_ask_before_unload: false

autosave_interval

自动存稿的世界间隔。注意该值为字符串,以秒为单位,用法是数字加字母s,且只能用s这一个单位。所以为什么不直接用Number,难道以后会增加别的单位支持么?

取值:String

默认:'30s'

autosave_interval: "20s"

autosave_prefix

自动存稿在本地存储(local storage)中的字段(key)前缀。

当存站点存在多个编辑器时,用此功能可区分不同编辑器的草稿。默认值使用编辑器引用页所在路径和调用id进行区分,基本能满足大多数场景。

取值:String

默认:"tinymce-autosave-{path}{query}-{id}-"

autosave_prefix: "tinymce-autosave-{path}{query}-{id}-"

autosave_restore_when_empty

当编辑器初始化时内容区为空时,Tinymce是否应自动还原存储在本地存储中的草稿。

如果你没有在工具栏提供“恢复草稿”按钮,而用户又不知道通过文件菜单可以恢复崩溃前的内容,开启此选项将会很有意义。

取值:true / false

默认:true

autosave_restore_when_empty: true

autosave_retention

设置自动草稿的有效期。当草稿超过有效期则忽略。值是字符串,单位是分。语法是:数字加字母m,例如20分钟写作'20m'。

取值:String

默认:'20m'

autosave_retention: "20m"

下一节:bbcode