在群晖里部署onlyoffice文档服务器,中文字体+中文字号+https访问,这下完美了!

本文介绍如何为OnlyOffice设置HTTPS访问,并提供详细的步骤来安装中文字体及调整字号,提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先来看看效果

使用自己申请的证书,用https访问。

 删除用不到的字体,安装自己需要的字体。

改成中文字号,直观美观。


方法:


一、设置https方式访问

1、获取ssl证书

        获取证书有两种方法,一种是用官方教程可以获得自签名证书,但是通过域名访问时,会提示不安全,有时会直接无法访问。另一种是自己购买证书。(有免费的证书可以购买)我使用的是自己购买的免费证书。

2、安装ssl证书

在data文件夹下新建certs文件夹,把证书放进去,重命名,重启就行了。(当然要做好443的端口映射哈)


二、设置中文字体

1、在docker里设置存储空间,如图:

2、映射出来后,在映射的文件夹里面存放字体文件;

3、用docker ps 查看容器id,只要取前三位;

4、进入容器:

docker exec -i -t cf2 /bin/bash

其中cf2是容器id前三位,如图:

5、删除全部字体

cd /usr/share/fonts/
rm -rf *.ttf
rm -rf *.ttc
rm -rf *.TTF
cd /var/www/onlyoffice/documentserver/core-fonts/
rm -rf *.ttf
rm -rf *.ttc
rm -rf *.TTF

按ctrl+d,退出容器。

6、安装字体:

/usr/bin/documentserver-generate-allfonts.sh

这个过程时间较长,如图就可以了:

三、设置中文字号

1、将app.js从容器里拷贝出来

通过ssh工具输入命令:

sudo docker cp 容器id:/var/www/onlyoffice/documentserver/web-apps/apps/documenteditor/main/app.js  /volume1/docker/onlyoffice

执行之后,app.js就拷贝到onlyoffice目录下了。

2、编辑app.js文件

用群晖文本编辑器套件打开app.js文件,查找字符串{value:8,displayValue:"8"}(有3处),把以下内容复制到{value:8,displayValue:"8"}前面,同时删除包括{value:8,displayValue:"8"}在内的其他类似内容:

{value:42,displayValue:"初号"},{value:36,displayValue:"小初"},{value:26,displayValue:"一号"},{value:24,displayValue:"小一"},{value:22,displayValue:"二号"},{value:18,displayValue:"小二"},{value:16,displayValue:"三号"},{value:15,displayValue:"小三"},{value:14,displayValue:"四号"},{value:12,displayValue:"小四"},{value:10.5,displayValue:"五号"},{value:9,displayValue:"小五"},{value:7.5,displayValue:"六号"},{value:6.5,displayValue:"小六"},{value:5.5,displayValue:"七号"},{value:5,displayValue:"八号"},

修改好之后另存为到其他地方(直接保存会提示权限不足)

3、删除main文件夹里面的app.js

因为直接复制进去好像不能覆盖,所以先删除再复制粘贴。

进入容器

docker exec -i -t cf2 /bin/bash

进入main文件夹目录

cd: /var/www/onlyoffice/documentserver/web-apps/apps/documenteditor/main/

输入

ls

查看是否有app.js文件,输入命令删除app.js文件。

rm -rf app.js

输入

ls

查看是否删除成功

4、复制粘贴app.js文件

sudo docker cp /volume1/docker/onlyoffice/app.js  容器id:/var/www/onlyoffice/documentserver/web-apps/apps/documenteditor/main/

进入main文件夹目录输入ls查看是否粘贴成功。

最后

重启onlyoffice容器,清除浏览器缓存。

收工!

在 Vue + Element UI 中,要在 `<tr>` 元素中设置单元格的内容样式,比如字体居中、字号和颜色,你可以通过自定义元素模板 (template) 并直接操作 DOM 来实现。不过,通常建议将样式放在 CSS 类中,以便复用和维护。下面是一个示例: 首先,假设你有一个名为 `TableRow` 的 Vue 模板组件,你可以在 CSS 中定义样式: ```css .table-row { font-family: Arial, sans-serif; /* 字体 */ font-size: 14px; /* 字号 */ color: #333; /* 字体颜色 */ } .center-text { text-align: center; /* 文本居中 */ } ``` 然后在模板中使用这些样式: ```html <template> <tr class="table-row"> <td v-for="(item, index) in items" :key="index" :class="{ centerText: shouldCenter(index) }">{{ item }}</td> </tr> </template> <script> export default { props: { items: { array: String }, // 父组件传入的单元格数据 }, methods: { shouldCenter(index) { // 根据索引判断是否需要居中,这假设每奇数行需要居中 return index % 2 === 0; } } }; </script> ``` 在父组件中使用 `TableRow` 组件,并传递数据: ```html <template> <el-table> <el-table-column prop="columnHeader" ...></el-table-column> <el-table-body> <TableRow v-for="(row, rowIndex) in rows" :items="rowItems[rowIndex]"></TableRow> </el-table-body> </el-table> </template> <script> import TableRow from './TableRow.vue'; // 假设 rows 和 rowItems 是你的实际数据 export default { components: { TableRow }, data() { return { rows: ..., rowItems: ..., }; } }; </script> ``` 现在,`center-text` 类会应用于每行需要居中的单元格。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值