javascript - MS Word 类似于 HTML 中的 DOM 操作

标签 javascript html css dom ms-word

看看this video .在 MS Word 中,可以将任何元素拖到任何地方。在此基础上,剩余的内容(在此视频示例中仅为文本)回流并换行以适合。例如,当两张图片并排放置,将其中一张拖离或拖向另一张时,中间的文本会相应地缩小或扩大。

有没有可能用 Javascript 在 HTML 中模仿这种行为?我发现最大的困难是元素拥有它们在 HTML 中的内容。因此,span 拥有其文本,div 拥有其文本。但是在视频中,我们可以看到图像之间的文本元素本身并没有任何内容,它在从左向右传输文本时获取适合它的任何内容。这就是为什么它的内容会随着方向的变化而变化。此外,它的文本不是连续的。它包含多个句子的点点滴滴。

是否可以使用 HTML 和 Javascript 进行此类操作?如果是这样,任何单挑都会很好......

最佳答案

看看 css 排除:

http://adobe.github.com/web-platform/samples/css-exclusions/

它可能会帮助您实现您想要的。请注意,这是一项实验性功能。

关于javascript - MS Word 类似于 HTML 中的 DOM 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14915931/

相关文章:

javascript - 如何格式化从数据库中提取的日期?

javascript - 为什么元素隐藏但不将内容加载到 iframe

HTML/CSS -- 省略标志左侧的面包屑

html - 没有 Masonry 方法的 Bootstrap 4 Column

html - 如何格式化第一行第二个单词下的html悬挂缩进

javascript - javascript 类的原型(prototype)语法错误

javascript - 带有 CSS 问题的滚动条上的粘性标题

javascript - 事件函数问题

jQuery UI 可排序动态包含问题

javascript - 如何从 tailwind 配置文件获取颜色值