富文本显示图片问题

Grayson.Shang

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

Grayson.Shang · Grayson.Shang

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

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

Mr.Hu · Mr.Hu

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

Mr.Hu · Mr.Hu

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

Lay.Li · Lay.Li

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

Mr.Hu · Mr.Hu

Mr.Hu · Mr.Hu

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

Lay.Li · Lay.Li

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

Mr.Hu · Mr.Hu

好的

Lay.Li · Lay.Li

		自动登录	找回密码
密码			立即注册

[已处理] 富文本显示图片问题

最佳答案

9 个回复

评分

本帖子中包含更多资源

评分

评分

Wyn高级认证

Wyn认证

活字格认证

活字格高级认证

微信认证勋章

悬赏达人