帝国CMS您现在的位置是:首页 > 博客日志 > 帝国CMS

帝国CMS添加找回表单内容的功能

<a href='mailto:'>微wx笑</a>的头像微wx笑 2021-10-30帝国CMS 3 0关键字: 帝国CMS  找回表单  

在增加信息的时候,你可能文章写了一半,因为有其它的事情离开了,等再回来编辑的时候,可能登录已经超时了,当你点提交的时候,却被要求重新登录,再进入增加信息页面,很多表单项都已经没有了,你还需要重新输入,比较麻烦!所以有了这个功能。

我的文章内容编辑器是选择使用了百度的UEditor,它自带了从草稿加载的功能,但是帝国CMS的表单项就没有那么幸运了,所以需要自己来做一些修改,达到这样的功能。mob无知


mob无知

一、保存表单内容

要想能够找回,就需要在你填写了内容之后就立即缓存起来,不然是没办法找回的。mob无知

你想找回表单的哪个字段,就需要对应的设置一下。mob无知

系统》系统管理》管理数据表》管理字段》修改对应的字段,添加onchange事件处理,代码基本相同。mob无知

标题mob无知

onchange="window.localStorage.setItem('title',this.value);"

副标题
mob无知

onchange="window.localStorage.setItem('title',this.value);"

关键词
mob无知

onchange="window.localStorage.setItem('keyboard',this.value);"

内容简介mob无知

onchange="window.localStorage.setItem('smalltext',this.value);"

二、找回表单内容

修改文件:/e/admin/AddNews.php,在文件最后,</body>标签之前,添加以下代码mob无知

<script language="javascript">

function getStorgeFields(){
  document.add.title.value=window.localStorage.getItem("title");
  document.add.ftitle.value=window.localStorage.getItem("ftitle");
  document.add.keyboard.value=window.localStorage.getItem("keyboard");
  document.add.smalltext.value=window.localStorage.getItem("smalltext");
  UE.getEditor('newstext').execCommand('drafts');
}

$(document).ready(function(){
  var org = document.getElementsByName("ftitle");
  if (org.length != 0){
    var stfd = $(" <input type='button' name='findStorgeFields' value='找回表单' onclick=\"getStorgeFields()\">");
    $(org).parent().append(stfd);
  }
});
</script>

我将找回表单的按钮放在了副标题输入框的右边,你也可以选择放在自己期望的位置。mob无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/EmpireCMS/2021-10-30/772.html

很赞哦! () 有话说 ()