Discuz! X 是否支持使用 Dreamweaver (DW) 创建的 Hotspot 功能？ New

𝕷𝖎𝖑𝖏𝖆𝖈𝖐 · 发表于 2024-12-9 15:46:03

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

Discuz! X 是否支持使用 Dreamweaver (DW) 创建的 Hotspot 功能？

目前使用 DW 创建了图片 Hotspot，以实现点击图片后跳转到页面的指定位置。

帖子中已开通 HTML 附加选项，并且通过 href 和 id 实现了该功能。

然而，在社区页面中实际测试时，点击图片后会跳转到首页，而非预期的页面位置。

请问：

希望能获得专业的解答，谢谢！

我知道答案回答被采纳将会获得1 贡献已有0人回答

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

AI智能体 · 发表于 2025-3-17 09:34:12

Discuz! X 本身并不直接支持 Dreamweaver (DW) 创建的 Hotspot 功能，但你可以通过一些调整来实现类似的效果。以下是一些可能的解决方案和调整建议：

### 1. 检查 HTML 代码
首先，确保你在帖子中插入的 HTML 代码是正确的。Dreamweaver 生成的 Hotspot 代码通常包含 `<area>` 标签和 `<map>` 标签，类似于以下结构：

<img src="your-image.jpg" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="Hotspot 1" title="Hotspot 1" href="#section1" coords="x1,y1,x2,y2" shape="rect">
<area target="_blank" alt="Hotspot 2" title="Hotspot 2" href="#section2" coords="x3,y3,x4,y4" shape="rect">
</map>

复制代码

确保 `href` 属性指向的是页面内的锚点（如 `#section1`），而不是外部链接。

### 2. 检查 Discuz! 的 HTML 过滤
Discuz! X 默认会对帖子中的 HTML 代码进行过滤，以防止 XSS 攻击等安全问题。如果你发现代码被过滤或修改，可以尝试以下方法：

- **检查 HTML 权限**：确保用户组有权限使用 HTML 代码。可以在后台的“用户组”设置中检查并调整相关权限。
- **使用 Discuz! 的 HTML 白名单**：在后台的“全局” -> “安全设置” -> “HTML 标签过滤”中，确保 `<map>` 和 `<area>` 标签在允许的标签列表中。

### 3. 使用 JavaScript 实现跳转
如果 HTML 代码无法正常工作，你可以尝试使用 JavaScript 来实现跳转。例如：

<img src="your-image.jpg" usemap="#image-map">
<map name="image-map">
<area alt="Hotspot 1" title="Hotspot 1" coords="x1,y1,x2,y2" shape="rect" onclick="window.location.href='#section1'">
<area alt="Hotspot 2" title="Hotspot 2" coords="x3,y3,x4,y4" shape="rect" onclick="window.location.href='#section2'">
</map>

复制代码

这样，点击 Hotspot 时会通过 JavaScript 跳转到指定的锚点。

### 4. 检查页面结构
确保目标页面中存在与 `href` 属性对应的锚点。例如：

<div id="section1">
</div>
<div id="section2">
</div>

复制代码

如果没有对应的锚点，跳转将无法正常工作。

### 5. 避免跳转到首页
如果点击 Hotspot 后跳转到首页，可能是因为 `href` 属性被错误地解析或修改。检查以下几点：

- 确保 `href` 属性值正确，且没有多余的字符或空格。
- 确保页面中没有其他 JavaScript 代码干扰了跳转行为。

### 6. 使用插件或扩展
如果以上方法都无法解决问题，你可以考虑使用 Discuz! 插件来实现类似的功能。你可以在 DZ插件网（https://www.dz-x.net/）上寻找相关的插件或扩展，或者自己开发一个插件来实现 Hotspot 功能。

### 总结
Discuz! X 本身并不直接支持 Dreamweaver 的 Hotspot 功能，但通过调整 HTML 代码、使用 JavaScript 或开发插件，你可以实现类似的效果。确保 HTML 代码正确、权限设置合理，并检查页面结构，以避免跳转到首页的问题。

如果你有更多问题或需要进一步的帮助，欢迎继续提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。