首页 > 其他分享 >用pageOffice控件实现 office 文档在线编辑Word 打开文档后在页面里触发事件

用pageOffice控件实现 office 文档在线编辑Word 打开文档后在页面里触发事件

时间:2023-01-18 20:44:06浏览次数:60  
标签:控件 打开文档 Word js pageOffice 文档 word 打开

OA办公中,业务需要编辑打开word文档后 执行一些js操作

怎么实现编辑打开word文档后 执行一些js操作呢?

2 实现方法

通过pageOffice实现简单的在线打开编辑word时,
通过设置
关键代码:
// 设置文件打开后执行的js function
poCtrl.setJsFunction_AfterDocumentOpened("AfterDocumentOpened()");

就可以实现编辑打开word文档后 执行一些js操作。

3 实现过程

以java的springboot框架为例

1 集成pageOffice

https://www.zhuozhengsoft.com/dowm/

从pageOffice官网
下载页面,找到springboot的集成示例,按照里面的集成明说,可以集成到自己的springboot项目中。

2 在线打开编辑word


可以按照这个示例首先实现最基本的打开word的方法。

3 通过代码打开word文档后 执行一些js操作

示例参考

java代码

点击查看代码

@RestController
@RequestMapping(value = "/AfterDocOpened")
public class AfterDocOpenedController {

    @RequestMapping(value = "/Word", method = RequestMethod.GET)
    public ModelAndView showWord(HttpServletRequest request, Map<String, Object> map) {
        PageOfficeCtrl poCtrl = new PageOfficeCtrl(request);
        poCtrl.setServerPage(request.getContextPath() + "/poserver.zz");//设置服务页面
        // 设置文件打开后执行的js function
        poCtrl.setJsFunction_AfterDocumentOpened("AfterDocumentOpened()");
        //打开Word文档
        poCtrl.webOpen("/doc/AfterDocOpened/test.doc", OpenModeType.docNormalEdit, "张三");
        map.put("pageoffice", poCtrl.getHtmlCode("PageOfficeCtrl1"));
        ModelAndView mv = new ModelAndView("AfterDocOpened/Word");
        return mv;
    }

}


html代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>
    <title>文件打开后触发的事件</title>

</head>
<body>
<script type="text/javascript">
    function AfterDocumentOpened() {
        // 打开文件的时候,给word中当前光标位置赋值一个文本值
        document.getElementById("PageOfficeCtrl1").Document.Application.Selection.Range.Text = "文件打开了";
    }

</script>
<form id="form1">
    Word中的"<span style=" color:Red;"> 文件打开了</span>" 是在文档打开的事件中用程序添加进去的。<br/><br/>

    <div style=" width:auto; height:700px;" th:utext="${pageoffice}">
    </div>
</form>
</body>

</html>


通过以上代码,可以实现 office 文档在线编辑Word 打开之后在页面里触发的事件

4 效果图


文档打开后,显示的 文件打开了 是通过AfterDocumentOpened的方法写到文档中的。

5 总结

用pageOffice控件实现 office 文档在线编辑Word 打开之后在页面里触发的事件

标签:控件,打开文档,Word,js,pageOffice,文档,word,打开
From: https://www.cnblogs.com/uzi05/p/17060538.html

相关文章

  • 【转】pageoffice在线编辑word文件实现表格赋值
    Word中的table是要借助数据区域(DataRegion)实现的,要求数据区域完整的包含了整个Table的内容,这样才可以通过数据区域控制和操作table。因此,要想使用table,则必须在word文件中......
  • 控制.NET自定义控件的属性是否显示在属性面板
    [Browsable(false)]publicboolIsDispNum{set{this.isDispNum=value;}get{returnthis.isDispNum;}}......
  • 【优秀论文解读】BoW3D: Bag of Words for Real-time Loop Closing in 3D LiDAR SLAM
    论文简介本论文新颖性在于3D激光雷达中实时闭环且能够实时进行回环矫正词袋模型为BoW3D实时构建词袋效率高但是鲁棒性未知词袋存储word包含两种变量:Dim_value为描......
  • 前端大文件上传控件
    ​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对Http协议较模糊,故这次采用渐进的方式来学习文件上传的......
  • 阿里云虚拟主机wordpress网站绑定的域名如何从http换成https?
    本文的前提是你购买的阿里云的虚拟主机和域名,并且已经搭建好了一个普通的wordpresshttp网站,现在要开启https访问。下面是操作步骤。1、申请免费的ssl证书进入到你的阿里......
  • C# TrackBar控件使用
      Maximum属性:用来获取或设置TrackBar控件可表示的范围上限,即最大值。Minimum属性:用来获取或设置TrackBar控件可表示的范围下限,即最小值。SmallChange属性:用来获取或......
  • word2vec数学推导过程
    ​​WelcomeToMyBlog​​word2vec包含两种框架,一种是CBOW(ContinuousBag-of-WordsModel),另一种是Skip-gram(ContinuousSkip-gramModel),如下图所示。这两种模型的任......
  • 【转】用pageOffice控件实现 office 文档在线编辑Word加图片的功能
    用pageOffice控件实现office文档在线编辑Word加图片的功能OA办公中,业务需要多人编辑word文档,需要加图片的功能。怎么实现word文档的编辑加图片呢?2实现方法通过pageO......
  • 国产linux系统使用 PageOffice 在线打开 word 文件
    一、客户端环境1、操作系统银河麒麟,中标麒麟,统信UOS2、芯片芯片(CPU):x86(Intel、兆芯),ARM(飞腾、鲲鹏),龙芯3、浏览器360安全浏览器奇安信uos自带浏览器4、wps版本wp......
  • C#-使用模板导出Word文件
    记录下使用C#+Word模板导出Word文件的方法。首先建立Word文件模板,需要填写的地方用占位符替代,比如姓名处:name,年龄处:age....首先引入命名空间:usingword=Microsoft......