在日常工作中，我们经常用word编辑文档，有时为了使文档更加的美观大气，可以给文档添加上背景图片，今天就来和大家分享如何在word中给文档添加图片背景。
方法一：填充图片法
单击“页面布局”菜单——>单击“页面颜色”选项——>选择页面颜色下拉列表中的“填充效果……”选项；
设置页面颜色
在弹出的填充效果对话框中，单击“图片”标签——>选择其下方的“选择图片”按钮；
设置填充效果
在弹出的选择图片对话框中，找到并选中需要设置为文档背景的图片——>单击“插入”——>返回填充效果对话框，单击“确定”即可；
选择图片
插入填充图片
填充图片背景的文档效果如下图。
文档背景效果1
方法二： 插入水印法
单击“页面布局”菜单——>单击“水印”选项——>选择其下拉列表中的“自定义水印……”选项；
添加水印
在弹出的水印对话框中，单击“图片水印”单选项——>选择其下方的“选择图片”按钮；
设置图片水印
在弹出的插入图片对话框中，找到并选中需要设置为文档背景的图片——>单击“插入”；
插入图片
回到水印对话框，在缩放下拉选项中，选择合适的“缩放”比例——>在其右侧可以选择是否勾选“冲蚀”效果——>然后单击“确定”即可；
缩放与冲蚀
添加了水印图片背景的文档效果如下图。
文档背景效果2
方法三： 插入图片法
单击“插入”菜单——>单击“图片”——>在弹出的插入图片对话框中，找到并选中需要设置为文档背景的图片——>单击“插入”；
插入图片
这时刚才选中的图片已经插入到了文档中，选中图片——>单击“格式”菜单——>选择“自动换行”下拉列表中的“衬于文字下方”选项；
衬于文字下方
这时图片已作为背景衬在文字下方，但图片大小与页面不匹配，需要拖动图片周围的8个控制点，将图片大小调整到覆盖住整个页面即可。
调整图片大小
插入了图片背景的文档效果如下图。
文档背景效果3
注意：
方法一和二设置完成后，文档的所有页面背景均统一为当前页设置的背景。
方法三设置的背景则只对当前页面有效，文档的其它页面还可以另外再设置成不同的背景。

在日常工作中，我们经常用word编辑文档，有时为了使文档更加的美观大气，可以给文档添加上背景图片，今天就来和大家分享如何在word中给文档添加图片背景。
方法一：填充图片法
单击“页面布局”菜单——>单击“页面颜色”选项——>选择页面颜色下拉列表中的“填充效果……”选项；
设置页面颜色
在弹出的填充效果对话框中，单击“图片”标签——>选择其下方的“选择图片”按钮；
设置填充效果
在弹出的选择图片对话框中，找到并选中需要设置为文档背景的图片——>单击“插入”——>返回填充效果对话框，单击“确定”即可；
选择图片
插入填充图片
填充图片背景的文档效果如下图。
文档背景效果1
方法二： 插入水印法
单击“页面布局”菜单——>单击“水印”选项——>选择其下拉列表中的“自定义水印……”选项；
添加水印
在弹出的水印对话框中，单击“图片水印”单选项——>选择其下方的“选择图片”按钮；
设置图片水印
在弹出的插入图片对话框中，找到并选中需要设置为文档背景的图片——>单击“插入”；
插入图片
回到水印对话框，在缩放下拉选项中，选择合适的“缩放”比例——>在其右侧可以选择是否勾选“冲蚀”效果——>然后单击“确定”即可；
缩放与冲蚀
添加了水印图片背景的文档效果如下图。
文档背景效果2
方法三： 插入图片法
单击“插入”菜单——>单击“图片”——>在弹出的插入图片对话框中，找到并选中需要设置为文档背景的图片——>单击“插入”；
插入图片
这时刚才选中的图片已经插入到了文档中，选中图片——>单击“格式”菜单——>选择“自动换行”下拉列表中的“衬于文字下方”选项；
衬于文字下方
这时图片已作为背景衬在文字下方，但图片大小与页面不匹配，需要拖动图片周围的8个控制点，将图片大小调整到覆盖住整个页面即可。
调整图片大小
插入了图片背景的文档效果如下图。
文档背景效果3
注意：
方法一和二设置完成后，文档的所有页面背景均统一为当前页设置的背景。
方法三设置的背景则只对当前页面有效，文档的其它页面还可以另外再设置成不同的背景。

Word2003是微软公司提供的一款文字处理软件，可以对文字进行排版和编辑、分段等各种处理，最终将编辑好的内容打印出来,是办公室一族中必备的办公软件之一。默认情况下，新建的Word文档背景都是单调的白色，如果想让文档看起来更丰富多彩一些，我们也可以为其添加背景图片或水印，具体操作方法就让Word联盟小编为大家带来分享！

动画演示：



鼠标单击菜单栏中“格式”→“背景”，选用下列操作之一：

①在颜色板内直接单击选择所需颜色，如果没有自己想要的颜色，就单击“其他颜色”会有更多的颜色选择。

②单击“填充效果”可添加渐变、纹理、图案或图片。

提示：重新进行上述操作可更改背景色或填充效果，要删除设置，可单击菜单栏中“格式”→“背景”，然后单击“无填充颜色”。文档背景和填充效果不能在普通视图和大纲视图中显示，若要显示，需切换到其他视图，默认情况下，不能预览和打印用“背景”创建的文档背景，要预览或打印背景效果，可单击菜单栏中“工具”→“选项”→“打印”选项卡，勾上“背景色和图像”的复选框即可。

③单击“水印”打开“水印”对话框，可为文档添加图片水印或文字水印。

提示：重新选择可更改水印，在“水印”对话框中选择“无水印”可取消水印设置，水印是针对打印文档设计的，在普通视图、Web版式视图、大纲视图和阅读版式中看不到它们，添加水印后，转入“页眉页脚”视图，可对水印图片和艺术字的颜色或大小进行调整。

提示：如果厌倦了默认的白底黑字，可以单击菜单栏中“工具”→“选项”→“常规”选项卡，选中“蓝底白字”复选框，换一下风格试试，但这就不属于文档背景的范畴了。​​


http://www.pdfgou.com/eb2azw3

背景：
公司项目需求，在后台添加文章时需要大段大段从word复制带图片的文章，使用chrome等现代浏览器时flash被禁用，导致编辑器的图片转存功能无法使用。
一.编辑器配置好之后，发现粘贴word文章，图片是空白的
参考了

https://blog.csdn.net/lddtime/article/details/79272693
————————————————
原来，在默认情况下 ueditor 开启了 XSS 过滤（过滤、输入过滤、输出过滤都有相应的配置开关），任何不在 whitList 白名单上的标签及属性都会在转换时丢失。
这就直接导致了一些需要使用特殊标签或属性的功能直接失效，比如插入音乐、插入锚点、图片转存等。
最直接的解决办法就是关闭 XSS 过滤，可以注释掉上述配置或将上述三项设为 false，另一种方案就是将需要的标签及属性添加到白名单。
插入锚点需要给 a 标签添加 name 属性，给 img 标签添加 anchorname 属性

图片转存需要给 img 标签添加 word_img、style 属性
在配置文件 ueditor.config.js 的最下方找到img配置，加上属性
// xss 过滤是否开启,inserthtml等操作
,xssFilterRules: true
//input xss过滤
,inputXssFilter: true
//output xss过滤
,outputXssFilter: true
// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
,whitList: {
    a:      ['target', 'href', 'title', 'class', 'style'],
    abbr:   ['title', 'class', 'style'],
    // ... 部分省略
    i:      ['class', 'style'],
    img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex', 'word_img', 'style'],
    ins:    ['datetime'],
    // ... 部分省略
    video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style']
}

二、虽然显示了对应的图片转存提示图片和转存按钮，但是弹窗打开提示是 FLASH初始化失败，请检查FLASH插件是否正确安装！网上找了一下有一款WordPaster插件可以解决，但需要安装，感觉不优雅；
编辑器自带有图片上传的功能，应该可以挪用过来。思路是在可以使用flash的浏览器用flash做图片转存，不支持flash用H5上传的方式。
1.图片转存弹窗的页面引入上传对应的样式和文件脚本，根据弹窗修改一下样式；在语言包文件拷贝对应的语言参数
2.相关核心代码如下
wordimage.html弹窗页面，修改：引入上传对应的样式和文件脚本；上传需要的HTML结构；样式需要自己改一下哦
// ... 部分省略
    <script type="text/javascript" src="../internal.js"></script>
    <!-- jquery -->
    <script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>

    <!-- webuploader -->
    <script src="../../third-party/webuploader/webuploader.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">

    <!-- attachment dialog -->
    <link rel="stylesheet" href="attachment.css" type="text/css" />

    <style type="text/css">
// ... 部分省略
        <div id="flashContainer"></div>
        <!-- 上传图片 -->
        <div id="uploadH5" class="panel">
            <div id="queueList" class="queueList">
                <div class="statusBar element-invisible">
                    <div class="progress">
                        <span class="text">0%</span>
                        <span class="percentage"></span>
                    </div><div class="info"></div>
                    <div class="btns">
                        <div id="filePickerBtn"></div>
                        <div class="uploadBtn"><var id="lang_start_upload"></var></div>
                    </div>
                </div>
                <div id="dndArea" class="placeholder">
                    <div class="filePickerContainer">
                        <div id="filePickerReady"></div>
                    </div>
                </div>
                <ul class="filelist element-invisible">
                    <li id="filePickerBlock" class="filePickerBlock"></li>
                </ul>
            </div>
        </div>
        <div>
            <div id="upload" style="display: none" ><img id="uploadBtn"></div>
// ... 部分省略
    <script type="text/javascript" src="tangram.js"></script>
    <script type="text/javascript" src="wordimage.js"></script>
    <script type="text/javascript" src="attachment.js"></script>
    <script type="text/javascript">
// ... 部分省略


引入上传文件的attachment.js，修改：初始化；待上传文件计数；上传成功的文件列表
window.onload = function () {
    /*initTabs();
    initButtons();*/
    uploadFile = uploadFile || new UploadFile('queueList');

};
// ... 部分省略
uploader.on('all', function (type, files) {
    selectedImageCount = uploadFile.getQueueCount();
    switch (type) {
// ... 部分省略
uploader.on('uploadSuccess', function (file, ret) {
    var $file = $('#' + file.id);
    try {
        var responseText = (ret._raw || ret),
            json = utils.str2json(responseText);
        if (json.state == 'SUCCESS') {
            _this.fileList.push(json);
            imageUrls.push(json);
            $file.append('<span class="success"></span>');
        } else {
            $file.find('.error').text(json.state).show();
        }
    } catch (e) {
        $file.find('.error').text(lang.errorServerUpload).show();
    }
});

wordimage.js，修改：H5上传，计数逻辑还有文件没上传时提示；根据flash禁用时展示H5上传；H5复制
// ... 部分省略
    dialog.onok = function() {
        if (selectedImageCount) {
            $('.info', '#queueList').html('<span style="color:red;">' + '还有2个未上传文件'.replace(/[\d]/, selectedImageCount) + '</span>');
            return false;
        }
        if (!imageUrls.length) return;
        var urlPrefix = editor.getOpt('imageUrlPrefix'),
// ... 部分省略
    flashObj = new baidu.flash.imageUploader(option);
    flashContainer = $G(opt.container);
    if (!baidu.swf.version) {
        $(flashContainer).html($("#uploadH5").addClass("focus"))
    }
// ... 部分省略
        if (clipboard && clipboard.flashInit) {
            clearInterval(clipinterval);
            clipboard.setHandCursor(true);
            clipboard.setContentFuncName("getPasteData");
            //clipboard.setMEFuncName("mouseEventHandler");
        }else{
            var btn = document.getElementById(id);
            btn.onclick=function(){
                var Url2 = document.getElementById(dataFrom);
                Url2.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                getPasteData(dataFrom);
            }
        }

总结：图片无法转存时，先看看 XSS 过滤是否开启，需要增加属性白名单；chrome禁用flash，可以使用自带的H5上传
原文地址：https://www.cnblogs.com/modestFrank/p/12048772.html