Mr.Hu 发表于 2024-9-4 16:51:54

富文本显示图片问题

前几天我提交了一个叫做动态表单如何绑定数据的工单,目的是实现用户实现自定义打印表单,我的思路是利用富文本编辑器支持文字、图片、表格的功能,并且可以用户自定义布局,比较合适。当时该工单的问题是解决自定义布局中如何获取活字格的表单数据,这个已经实现了。现在碰到一个新的问题,就是用户在该自定义打印页面中需要显示图片,图片要按指定位置和大小放置,但富文本编辑器貌似没有这个功能,只能在新行中独占一行上传本地图片,这显然不符合用户要求。另外,富文本编辑器的图片格式,保存到数据库后,是base64格式的字符串,数据量很大,不是很理想,有工程师为我推荐了一个格友做的base64转本地图片,然后图片放服务器文件夹,数据库只放置文件名称和保存路径,很好的思路,就是碰到个问题,这个图片按说是存放在项目图片文件夹的,可按照数据库里保存的路径,没有找到这个本地图片。
主要就是两个问题,一是富文本中如何按指定位置和大小显示图片,二是demo中的本地图片保存在哪里的。

Grayson.Shang 发表于 2024-9-4 16:51:55

大佬您好,
1、关于咱们第一个问题:富文本中如何指定位置和大小显示图片。
因为富文本展示是以标签的实行展示的,那么他的所有逻辑都是符合HTML原理的,图片的大小就可以通过 width和height设置
HTML <img> 标签的 height 和 width 属性 (w3school.com.cn)
不过因为富文本是HTML文本,所以这个属性的添加并不方便,咱们可以尝试添加一下


2、demo中的本地图片保存在哪里的。
图片是存储到fgcfile目录下的,但是设计器打开的文件并不是直接打开fgcc文件,需要等设计器保存之后,再去查看fgcfile才可以查看到文件

Mr.Hu 发表于 2024-9-4 18:18:47

是的,尚工,第一个问题正像您说的那样,我想也只能通过插入代码到富文本里。再和刚才说的富文本base64图片转本地文件结合,图片标签里传入图片网络地址,感觉就行了。感谢尚工这么晚还回复我。辛苦!第二个问题已经解决了。多谢。晚上我测试下图片显示问题。

Mr.Hu 发表于 2024-9-4 18:20:20

感觉应该能搞定,就是得绕几个弯子。

Lay.Li 发表于 2024-9-4 18:47:51

好的,有什么问题欢迎您继续跟帖交流:i0tw2:

Mr.Hu 发表于 2024-9-5 16:31:31

Mr.Hu 发表于 2024-9-5 16:32:11

搞好了,感谢大家的指导。

Lay.Li 发表于 2024-9-5 16:46:46

不客气哈~
后边有问题欢迎随时发帖交流:loveliness:

Mr.Hu 发表于 2024-9-5 16:49:07

好的

Lay.Li 发表于 2024-9-5 16:56:44

:i0tw2:
页: [1]
查看完整版本: 富文本显示图片问题