antvis / X6

🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
https://x6.antv.antgroup.com
MIT License
5.8k stars 1.71k forks source link

IE11 使用渲染 HTML 节点不支持 #2155

Closed wangyonghua closed 2 years ago

wangyonghua commented 2 years ago

Describe the bug

我们在IE11 使用渲染 HTML 节点,但是不支持,将你们官网demo https://x6.antv.vision/zh/docs/tutorial/advanced/react#%E6%B8%B2%E6%9F%93-html-%E8%8A%82%E7%82%B9 也出现loading,无法正常展示在ie11,请问你们这块兼容IE11吗

Your Example Website or App

none

Steps to Reproduce the Bug or Issue

直接查看官网demo,一直loading

Expected behavior

官网查看 https://x6.antv.vision/zh/docs/tutorial/advanced/react#%E6%B8%B2%E6%9F%93-html-%E8%8A%82%E7%82%B9

Screenshots or Videos

No response

Platform

Additional context

No response

x6-bot[bot] commented 2 years ago

👋 @wangyonghua

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.

To help make it easier for us to investigate your issue, please follow the contributing guidelines.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

NewByVector commented 2 years ago

HTML 节点使用 foreignObject 标签来渲染,IE11 一些版本不支持 foreignObject 标签。

wangyonghua commented 2 years ago

请问有什么推荐的办法解决类?

NewByVector commented 2 years ago

用 svg 节点呢?你们节点内容复杂吗?

wangyonghua commented 2 years ago

节点内容倒是不复杂,svg里面不也需要用foreignObject标签么,你们html渲染底层不是转换成svg渲染的吗?svg与html渲染在你们实现上会有什么差别类?

lloydzhou commented 2 years ago

@wangyonghua

  1. foreignObject是一个svg的元素(IE实现的svg不支持这个标签),
  2. html渲染底层是将html放到一个foreignObject里面进行渲染。所以在IE11上面不支持。
  3. 如果你的节点内容不复杂,可以通过定制markup来实现,不使用html渲染。
wyl1112 commented 2 years ago

@lloydzhou @NewByVector 我的项目中也遇到此问题,html渲染的节点在IE下无法显示,使用html渲染的初衷是想实现文字段落内容,能通过输入Enter健达到换行效果,而不是让客户输入换行符代码,如果通过定制markup来实现,是否有办法能实现这个需求呢?

lloydzhou commented 2 years ago
  1. IE实在是浏览器限制了,可以试试然客户升级到edge,毕竟微软都不维护了...
  2. 或者你试试reactflow 这个项目,这个项目的节点是原生的html,只有连线是使用svg。
x6-bot[bot] commented 1 year ago

This thread has been automatically locked because it has not had recent activity.

Please open a new issue for related bugs and link to relevant comments in this thread.