精华内容
下载资源
问答
  • Vue 引入Ueditor修改样式仿照Word文档前言Vue 引入Ueditor仿照word文档进行样式修改合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格...

    前言

    项目中有涉及到对文本生成和文本内容编辑的需求,选择了百度的Ueditor。项目使用Vue框架。便于利用双向数据绑定特性,完成文本的生成。

    效果图

    Vue-Ueditor 效果图

    Vue 引入Ueditor

    1. 下载Ueditor
      附上:大佬github下载地址.
      将下载文件解压缩放在项目的static文件夹下并重命名为Ueditor。此处的地址对应第五步Ueditor配置属性中的[UEDITOR_HOME_URL]属性
    2. 安装Ueditor
      npm install vue-ueditor-wrap --save
      
    3. 项目中引入Ueditor组件
      import VueUeditorWrap from 'vue-ueditor-wrap'
      
    4. 推荐在需要的Vue文件中注册组件。用到地方不会很多,没必要全局注册
      components:{
      	VueUeditorWrap
      }
      
    5. 模板中添加组件,并进行数据绑定
      <vue-ueditor-wrap v-model="msg" :config="myConfig"></vue-ueditor-wrap>
      // data中定义msg属性
      data(){
      	return {
      		msg: '<h2>Vue + UEditor + v-model双向绑定</h2>'
      	} 
      }
      
    6. Ueditor属性配置
      如果不设置属性将代码段:config="myConfig" 删除即可。进行设置可以看一下操作。
      最重要的来了!!!!myConfig中的autoHeightEnabled一定要设置为false。自己没注意这个属性,为了实现内容过多时自动出现滚动条效果折腾了好久。有了这个再去修改iframe.css文件,就可以实现美美看着舒服的效果了
      // Ueditor 配置项
        myConfig: {
          /* 编辑器自动被内容撑高!!!!这个一定要设置为false。
          	自己没注意这个属性,为了实现内容过多时自动出现滚动条效果折腾了好久。
          	有了这个再去修改iframe.css文件,就可以实现美美看着舒服的效果了*/
          autoHeightEnabled: false,
          // 初始容器高度
          initialFrameHeight: 800,
          // 初始容器宽度
          initialFrameWidth: '100%',
          // 上传文件接口(这个地址是我为了方便各位体验文件上传功能搭建的临时接口,请勿在生产环境使用!!!
          //	临时用的大佬的地址,后期改成自己的就好了)
          serverUrl: 'http://35.201.165.105:8000/controller.php',
          // UEditor 资源文件的存放路径 对第一步设置的路径
          UEDITOR_HOME_URL: '/static/Ueditor/',
          // 设置想要的字体,默认全部都包含
          fontfamily: [
            { label:'',name:'songti',val:'宋体,SimSun'},
            { label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'},
            { label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'},
            { label:'',name:'heiti',val:'黑体, SimHei'},
            { label:'',name:'lishu',val:'隶书, SimLi'},         
            { label:'',name:'arial',val:'arial, helvetica,sans-serif'},
            { label:'',name:'arialBlack',val:'arial black,avant garde'},
            { label:'',name:'timesNewRoman',val:'times new roman'}
          ],
          // 设置想要保留的工具栏功能,将不用的删除掉即可。
          // 全部的可以去/static/Ueditor/ueditor.config.js 中搜索[toolbars]属性粘贴过来,再进行删除
          toolbars:[[
            'fullscreen', '|', 'undo', 'redo', '|',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
            'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
            'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
            'directionalityltr', 'directionalityrtl', 'indent', '|',
            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
            'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
            'simpleupload', 'insertimage', 'scrawl','attachment', 'insertframe', 'insertcode', 'pagebreak', 'template', 'background', '|',
            'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
            'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
            'print', 'preview', 'searchreplace'
        ]]
      

    仿照word文档进行样式修改

    1. 设置文字编辑区域居中,并按照A4纸的样式。找到/static/Ueditor/iframe.css文件添加如下代码
    .view body{
      height: auto;
      min-height: 1122.53px;
      width: 21cm !important;
      margin: 12px auto;
      padding: 90.7072px  94.4867px 12px;
      box-sizing: border-box;
      box-shadow:  0 0 12px 0 rgba(0, 0, 0, 0.06), 
      			   0 0 0 1px rgba(0, 0, 0, 0.04);
    }
    .view{
      height: 98%;
    }
    

    2.内容过多时,右侧自动出现滚动条,微微有些丑,找了大厂的滚动条样式。

    ::-webkit-scrollbar {
      /* width: 8px;腾讯文档的 */
      width: 10px;
      height: 8px;
    }
    ::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.12);
      border-radius: 5px;
      border: 1px solid transparent;
      height: 140px;
      background-clip: content-box;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #CCCCCC;
      border-radius: 5px;
      border: 1px solid transparent;
      height: 140px;
      background-clip: content-box;
    }
    ::-webkit-scrollbar-corner {
      background-color: inherit;
    }
    

    大功告成

    个人工作遇到问题记录。希望可以帮到需要的人。文章中如果错误,希望大佬们指正。
    本文参考前辈文章:https://blog.csdn.net/haochuan9421/article/details/81975966

    展开全文
  • 正文,右键,点击段落,大纲级别,从1,2,3级改成正文级别,然后,左边导航栏的正文内容就显示了,并且标题居中,正文左对齐也能分开设置了,原来标题一调整,正文也跟着动,终于搞定了,虽然问题很小,但还是...

    问题如下两张图所示,大纲后面有正文文字,不能单独调整格式,耦合在一起

    互联网抓取的网页生成的python-docx文档,里面好多软回车符号(shift+enter可手工输入,如下图左边是软回车,右边是enter直接正常回车),导致正文和标题格式设置好像耦合在了一起,然后出现上述问题,困扰了好久,终于知道咋回事了。

    解决方案如下,首先将软回车替换为正常回车(下箭头变成直角拐弯箭头),然后分别调整标题和正文段落大纲级别及对齐方式

    正文,右键,点击段落,大纲级别,从1,2,3级改成正文级别,然后,左边导航栏的正文内容就不显示了,并且标题居中,正文左对齐也能分开设置了,原来标题一调整,正文也跟着动,终于搞定了,虽然问题很小,但还是觉得有意义,记录一下,希望有所帮助

     

    而且改成正文级别的时候,左边那个烦人还删不掉的可折叠三角箭头也没了,真是开心!

    展开全文
  • 做个目录,,先是输入章节标题,在最后面是页码,,中间的连接标题和页点不是打出来的是自动生成的,请仔细阅读...word文档,目录后的点怎么打出来的选择"自定义目录",出现下图首先打开需要插入目录的word文档。打...

    做个目录,,先是输入章节标题,在最后面是页码,,中间的连接标题和页点不是打出来的是自动生成的,请仔细阅读下文: 把光标放在文章开头处。 打开“插入”下拉菜单,选引用→索引和目录→目录,选择目录的级别,选择“显示页码”、“页码右对齐”等,然后点确定。 生成目录后你就可以按装ctrl”键点目录链接了。

    word文档,目录后的点怎么打出来的

    选择"自定义目录",出现下图

    d68ad2353c5a04663e419dbaa93b31a1.png

    首先打开需要插入目录的word文档。打开word文档之后 第一步 点击word文档主界面上方的引用功能键; 第二步 引用功能键下拉菜单里有插入目录选项。 第三步 点击目录选项,弹出目录对话框。 第四步 目录对话框里有一个显示级别。

    WPS目录里面的点点是怎么打出来的

    那是目录自动生成的,无需手动输入,在word中插入目录的方法:打开文档 引用 - 目录 - 目录 - 勾选 显示页码 - 在“制表符前导符”下拉列表选择一排点(有两种,默认的是小点,还有大点) - 确定即可 如果你要手动制作目录效果就用省略号输入。

    WORD中怎么打目录中的点号?

    接着点击标题1,选中的文字内容就是第一级标题了。

    接着选择第二级标题的文字内容

    word中的目录里面的点点不是人手打出来的是自动插入目录就会自己出来的。 word做目录的方法: 首先建立一个文档,由于是示范就随便输入一些文字。如果要建立自动目录很重要的一步也是很关键的一部就是设置格式。

    WORD文档里目录中的点怎么打

    WORD文档里目录中的点怎么打,以前有人告诉过我,现在忘了怎么打,请教高手

    WORD目录里的点点怎么打

    word 做目录 标题 后边的 点是怎么打出来的

    画圈圈的那个点 我记得 那个是自动出来的 但是具提怎么弄忘记了 麻烦各是可以通过自动添加目录的方式进行设置,具体的操作步骤如下: 工具/原材料 word2016版、电脑。

    打开电脑找到并双击打开word2016版文档软件;

    双击打开word2016版文档软件以后,在上方的菜单栏中找到并点击引用的命令;

    展开全文
  • 标题里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左...

    把eclipse复制代码到word文档的时候,原先的颜色设置都不见了,全变成黑色的。
    方法:
    在eclipse中,菜单栏【window】-【preferences】,在过滤框中输入“folding” ,去掉勾选“Enable folding”。

    在这里插入图片描述

    展开全文
  • 下文中的目录制作方法直接使用Word的内置标题样式,关于自定义样式的方法请参阅Word的帮助文档。 目录的制作分三步进行。 1) 修改标题样式的格式。通常Word内置的标题样式符合论文格式要求,需要手动修改。在菜单...
  • 保存为word文档一切工作从目录开始每个文章的URL得到了图片下载出了一下小问题合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定...
  • 导出Excel文件

    2019-10-19 20:29:22
    这里写自定义目录标题生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart...
  • 如何取消单文档程序标题栏的右键菜单  93.如何隐藏或显示应用程序的标题栏  94.如何获取IE浏览器窗口的标题栏文字  95.如何修改IE浏览器的标题栏内容  96.如何禁止标题栏响应鼠标双击事件  97....
  • 92.如何取消单文档程序标题栏的右键菜单 93.如何隐藏或显示应用程序的标题栏 94.如何获取IE浏览器窗口的标题栏文字 95.如何修改IE浏览器的标题栏内容 96.如何禁止标题栏响应鼠标双击事件 97.如何在标题栏右键菜单中...
  • 实例097 改变长度删除数组中的元素 实例098 删除数组元素后改变其长度 4.2 常用数组排序算法 实例099 使用选择排序法对一维数组进行排序 实例100 使用冒泡排序法对一维数组进行排序 实例101 使用快速排序法...
  • 实例097 改变长度删除数组中的元素 实例098 删除数组元素后改变其长度 4.2 常用数组排序算法 实例099 使用选择排序法对一维数组进行排序 实例100 使用冒泡排序法对一维数组进行排序 实例101 使用快速排序法...
  • 实例097 改变长度删除数组中的元素 实例098 删除数组元素后改变其长度 4.2 常用数组排序算法 实例099 使用选择排序法对一维数组进行排序 实例100 使用冒泡排序法对一维数组进行排序 实例101 使用快速排序法...
  • 国家电网水平考试题

    2012-11-09 11:41:39
    (5)在Sheet2工作表数据清单的第一行上方插入一行,在A1单元格中输入标题文本“会计专业技能初赛成绩统计表”(包括双引号),设置标题文字格式为黑体、16磅、加粗、合并及居中对齐;将工作表中的行与列调整到最...
  • 实例097 改变长度删除数组中的元素 115 实例098 删除数组元素后改变其长度 116 4.2 常用数组排序算法 117 实例099 使用选择排序法对一维数组进行排序 117 实例100 使用冒泡排序法对一维数组进行排序 118 实例101 ...
  •  实例097 改变长度删除数组中的元素 115  实例098 删除数组元素后改变其长度 116 4.2 常用数组排序算法 117  实例099 使用选择排序法对一维数组进行排序 117  实例100 使用冒泡排序法对一维数组进行排序 ...
  • 6、在Word文档编辑过程中,如果选定了文档内容,再按住Ctrl键并拖曳鼠标至另一位置,即可完成待定文档内容的复制操作。 7、Word中,给选定的段落、表单元格、图文框及图形四周添加的线条称为边框。 8、在Word表格的...
  • Excel VBA实用技巧大全 附书源码

    热门讨论 2010-10-08 18:59:24
    04027引用包括标题行的单元格区域 04028引用包括标题列的单元格区域 04029引用任意单元格区域的右下角单元格(之一) 04030引用任意单元格区域的右下角单元格(之二) 04031引用输入了计算公式的所有单元格 ...
  • 实例058 CSS控制垂直居中 实例059 CSS实现的图文混排 3.2 表格样式 实例060 只有外边框的表格 实例061 彩色外边框的表格 实例062 单元格的边框变色 实例063 表格外边框具有霓虹灯效果 实例064 控制表格指定...
  • 实例058 CSS控制垂直居中 实例059 CSS实现的图文混排 3.2 表格样式 实例060 只有外边框的表格 实例061 彩色外边框的表格 实例062 单元格的边框变色 实例063 表格外边框具有霓虹灯效果 实例064 控制表格指定...
  • html入门到放弃笔记

    2018-05-15 15:06:12
    增加一根水平线,size为5px,宽度为50%,居中对齐,颜色为红色(red) 7、预格式化 作用:保留源文档中的回车 和 空格 的作用 <pre></pre> 8、分区元素 1、块分区元素 语法:<div></div> 作用:布局 2、行内...
  • 修改BUG:办公组件支持库打印进度对话框的标题和用户设置的内容一致。 18. 修改BUG:办公组件静态编译后无法正常销毁。 19. 修改BUG:应用接口支持库“取内存容量信息()”命令能正常处理大于2G的内存。 20. ...
  • Excel新增工具集

    2011-12-20 09:30:27
    1、Word转Excel:把若干个Word文档中的表合并到Excel工作簿中的一个工作表中,可用于对下属填写的报名表(登记表)的汇总统计。 2、Excel转Word:把Excel工作簿的某个工作表中记录逐一拆分到对应的若干个Word文档中...
  • 阅读工具 开卷有益

    2012-03-31 14:07:03
    增加: 启动后是否显示最后阅读文档选项. 系统设置|常规设置|进入后显示上次阅读内容 5. 增加:4种图片缩放模式:页面适应、宽度适应(锁定X轴)、高度适应(锁定Y轴)、原始大小 6. 增加:3种图片对齐模式:左上角...
  • 15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第16章 页面数据的验证 16.1 验证字符串是否全由数字组成 16.2 验证表单项必须填写 16.3 判断用户输入是否为中文 16.4 验证列表框中的值是否重复 ...
  • 【EXCEL比较工具】 打开并比较任意两个EXCEL文档工作表内容之间的差异,可对比出哪些内容作了修改。 【工具箱选项】 集成工具箱的基本选项设置。基本分为<显示设置区><隐藏功能区><自动备份区><工作表设置区><功能...
  • 文章管理系统

    2014-12-06 10:19:22
    1.修复安装向导配置时对数据库字符过滤严存在入侵漏洞 2.修复后台模板样式文件字符过滤严存在入侵漏洞 3.修复后台登录验证没有清空验证码信息,导致增加暴力解密风险 4.修复通过后台文章编辑附件栏自定义内容...
  • 15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第16章 页面数据的验证 16.1 验证字符串是否全由数字组成 16.2 验证表单项必须填写 16.3 判断用户输入是否为中文 16.4 验证列表框中的值是否重复 ...
  • 2.2.建议每天只打开EXCEL主程序一次为宜,保持打开状态不要关闭.(文档则可任意多次打开). 3.1.由于免费标签插件ExcelTab.dll与系统的兼容性问题,安装后在使用过程中若出现屏幕微小抖动或影响正常使用时,请将安装...
  • 【系统常用工具】 系统常用工具的快捷调用,例如:计算器、记事本、WORD、画图板。 【隐藏选项卡】 可以隐藏Excel2007及2010功能区的各选项卡(如:开始、插入、开发工具等)。 图 片 工 具 【选择本表图片】 将...

空空如也

空空如也

1 2
收藏数 40
精华内容 16
关键字:

word文档标题居中不了