注册账号登录
Will
想肄业当个快乐的码农
关注

本地视频上传不成功测试细节

0、首先这是发帖前后的样子,做参考。提交之前 添加两个元素 :加粗的nihao,然后下面是一个video标签的图片,这个例子采用的方式就是简单的替换img(实体改成video,upload时选一张图片,即昨天你测试的例子)


出现问题:

content_html没有接收到数据,同时我测试了其他集中方法都发现了这个问题:

(0)我最开始的方法,imge和video组件和实体分开

(1)基本把所有img都改成video,然后上传的也是video

(2)你昨天测试的方法,entity、组件自定义渲染、redraft都改成video, 只是上传一张图片

(3)redraft 键值对改成:

image: (children, data, { key }) => <video key={key} src={data.src} />,

都会出现此问题


下面是我测试的细节:

1、在形成的htmldom中可以看到drafthmlt这个ref有值


对应代码


5条评论 / 1条回复

2、这个组件的rendered也已经从contentstate中取到了值,

(注:提示的14个错误时backen.js错误,下面有个图有展示,似乎不影响什么)


当然已经经过redraft的处理变成字典形式,对应代码:



回复

3、流程简单总结,在draftjs的editor中改变了contentstate,然后经由convert-to-raw和redraft的加工变成了html元素并作为组件的state(rendered),于此同时下面richeditor中,第一个不可见的<div>设为引用(draftHtml)将其与rendered双向绑定:



(插一个调试工具问题,可略过:

(1)这个bakend.js错误就是上面那14个错误,是不是没啥影响?

(2)还有react调试怎么查找到上一层的react组件,以及控制台怎么查看参数)

回复

4、渲染之后生成的html DOM树


5、对应代码中这个draftHmtl的innerHtml(有个小问题,drafthml.innerHTML === rendered?) :


回复

6、然后提交帖子,数据库中查看:



回复

感觉是有是有其他地方堵住了,我晚上再找,也可能我在哪个地方陷入盲区了,所以如果方便希望能加联系方式帮帮我,先吃饭了,慢慢看。

回复

感觉已经很接近了,来吧加我QQ吧。461616916

1月21日
回复
Will
想肄业当个快乐的码农
关注私信
16
关注
4
粉丝
29
帖子