javascript - "merging"图片和文字为一体

标签 javascript html

我正在尝试“组合”图像和文本,以便它们可以作为 1 个实体进行操作。因此,我应该能够,例如,单击整个实体(图像或文本),然后将其剪切/粘贴到文本框中的其他位置,或者通过按一下键(退格键或 DEL 键)将其删除,等等。我不确定 HTML 支持哪些功能,但是是否有一种功能相当于容器/包装器,可以将图片和文本“合并”为一个? (有点像 MS Word 中的“文本框”)

我把我的代码发布到网上了,大家可以看看。 http://need-help-with-text-editor.atspace.co.uk/

最佳答案

figure标签处理这样的事情。它提供了一个包含图表、照片等以及标题(文本)的容器。

<pre><code><figure> <img src="my_image.png" alt="My Image"> <figcaption>This is my first image</figcaption> </figure> </code></pre>

关于javascript - "merging"图片和文字为一体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13552561/

相关文章:

javascript - 在 javascript 中, "new Audio( )"的视频等效项是什么

javascript - C++ - 实现 JS 的 setTimeout 的现代方法

jquery - 在小屏幕上导航栏菜单不起作用。自举

html - 响应式纵横比与纯 css : how to fill container's height?

javascript - 多平台 HTML5 游戏 DOM+CSS vs CANVAS vs 两者

Javascript 在第二次点击后立即执行

javascript - TypeScript 默认导入与非默认导入?

javascript - 将动态数据保存到 localStorage 并在加载 .html 时将此数据加载到 html 表中

javascript - 根据 PHP 输出更改 Javascript src

javascript - 在 Odoo 9 中一次上传多个附件