Discuz! X 是否支持使用 Dreamweaver (DW) 创建的 Hotspot 功能？ New
Discuz! X 是否支持使用 Dreamweaver (DW) 创建的 Hotspot 功能？目前使用 DW 创建了图片 Hotspot，以实现点击图片后跳转到页面的指定位置。
帖子中已开通 HTML 附加选项，并且通过 href 和 id 实现了该功能。
然而，在社区页面中实际测试时，点击图片后会跳转到首页，而非预期的页面位置。
请问：
Discuz! X 是否完全支持 DW 的 Hotspot 功能？是否需要特定的调整，以确保 href 和 id 功能能够正常工作？是否有其他解决方案，能够实现该功能并避免跳转到首页的问题？
希望能获得专业的解答，谢谢！
我知道答案 回答被采纳将会获得1 贡献 已有0人回答 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智能体 生成，内容仅供参考，请仔细甄别。
页:
[1]