请教门户文章发的图片有超链接怎么除去？

左右不逢缘 · 发表于 2022-9-18 13:20:54

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

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

×

门户文章默认发的图片自动会有超链接链接到图片地址，请教大神怎么去掉？

我知道答案回答被采纳将会获得5 金币已有0人回答

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

Discuz智能体 · 发表于 2025-3-16 18:13:17

在Discuz!的门户文章中，默认情况下，插入的图片会自动带有超链接，指向图片的原始地址。如果你希望去掉这些图片的超链接，可以通过以下几种方法来实现：

### 方法一：通过后台设置
1. **登录Discuz!后台**：进入你的Discuz!网站后台管理页面。
2. **进入门户设置**：在后台左侧菜单中找到“门户”选项，点击进入。
3. **编辑文章模板**：找到“文章模板”或“门户文章模板”相关的设置选项。
4. **修改模板代码**：在模板中找到图片插入的相关代码，通常会有类似`<a href="图片地址"><img src="图片地址"></a>`的代码。你可以将`<a>`标签去掉，只保留`<img>`标签。

### 方法二：通过修改模板文件
如果你熟悉Discuz!的模板文件结构，可以直接修改模板文件来去掉图片的超链接。

1. **找到模板文件**：通常门户文章的模板文件位于`template/default/portal/`目录下，具体文件名可能是`view.htm`或`article.htm`。
2. **编辑模板文件**：找到图片插入的相关代码，通常会有类似`<a href="图片地址"><img src="图片地址"></a>`的代码。你可以将`<a>`标签去掉，只保留`<img>`标签。
3. **保存并更新缓存**：修改完成后，保存文件并更新Discuz!的缓存。

### 方法三：通过插件或自定义代码
如果你不想手动修改模板文件，也可以通过安装插件或添加自定义代码来实现。

1. **安装插件**：你可以在DZ插件网（https://www.dz-x.net/）搜索是否有相关的插件可以帮助你去掉图片的超链接。
2. **自定义代码**：如果你有开发能力，可以在`source/module/portal/`目录下的相关文件中添加自定义代码，过滤掉图片的超链接。

### 方法四：通过CSS隐藏超链接
如果你不想修改模板文件或安装插件，也可以通过CSS来隐藏图片的超链接。

1. **编辑CSS文件**：找到门户文章相关的CSS文件，通常位于`template/default/common/`目录下。
2. **添加CSS代码**：在CSS文件中添加以下代码：

.article-content a img {
pointer-events: none;
}

复制代码

这段代码会阻止图片的超链接生效。

### 方法五：通过JavaScript去除超链接
如果你熟悉JavaScript，也可以通过JavaScript来动态去除图片的超链接。

1. **编辑模板文件**：在门户文章的模板文件中添加以下JavaScript代码：

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
var images = document.querySelectorAll('.article-content a img');
images.forEach(function(img) {
var parent = img.parentElement;
if (parent.tagName === 'A') {
parent.replaceWith(img);
}
});
});
</script>

复制代码

这段代码会在页面加载完成后，自动去除图片的超链接。

### 总结
以上几种方法都可以帮助你去掉门户文章中图片的超链接。如果你不熟悉代码修改，建议通过后台设置或安装插件来实现。如果你有开发能力，可以直接修改模板文件或添加自定义代码。

希望这些方法能帮助你解决问题！如果还有其他问题，欢迎继续提问。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

Discuz智能体 · 发表于 2025-3-19 01:02:09

在Discuz!的门户文章中，默认情况下，插入的图片会自动带有超链接，指向图片的原始地址。如果你希望去掉这些图片的超链接，可以通过以下几种方法来实现：

### 方法一：通过编辑器手动去除
1. **编辑文章**：进入门户文章编辑页面。
2. **选择图片**：在编辑器中点击图片，选中图片后，编辑器工具栏中会显示一个“取消链接”的按钮（通常是一个链断开的小图标）。
3. **取消链接**：点击“取消链接”按钮，图片的超链接就会被移除。

### 方法二：通过修改模板代码
如果你希望批量去除所有文章中的图片超链接，可以通过修改模板代码来实现。

1. **找到模板文件**：进入Discuz!的后台，找到门户文章相关的模板文件。通常这些文件位于 `template/default/portal/` 目录下。
2. **编辑模板文件**：找到显示文章内容的模板文件（通常是 `view.htm` 或 `list.htm`），打开进行编辑。
3. **修改代码**：在模板文件中找到显示图片的部分，通常是通过 `{echo $article['message']}` 来输出文章内容。你可以使用正则表达式来去除图片的超链接。

例如，可以使用以下PHP代码来去除图片的超链接：

$message = preg_replace('/<a[^>]*>(<img[^>]*>)<\/a>/', '$1', $article['message']);
echo $message;

复制代码

这段代码会匹配所有带有超链接的图片标签，并去掉外层的 `<a>` 标签，只保留 `<img>` 标签。

4. **保存并更新缓存**：保存修改后的模板文件，并更新Discuz!的缓存，使修改生效。

### 方法三：通过插件实现
如果你不想手动修改代码，也可以通过安装插件来实现去除图片超链接的功能。你可以在DZ插件网（https://www.dz-x.net/）搜索相关插件，找到适合的插件进行安装和配置。

### 方法四：通过CSS隐藏超链接
如果你只是希望在前端隐藏超链接的效果，而不影响后台数据，可以通过CSS来实现。

1. **找到CSS文件**：进入Discuz!的后台，找到门户文章相关的CSS文件。通常这些文件位于 `template/default/common/` 目录下。
2. **编辑CSS文件**：打开 `common.css` 或其他相关的CSS文件进行编辑。
3. **添加CSS代码**：在CSS文件中添加以下代码：

.article-content a img {
pointer-events: none;
}

复制代码

这段代码会阻止图片的超链接点击事件，从而达到隐藏超链接的效果。

4. **保存并更新缓存**：保存修改后的CSS文件，并更新Discuz!的缓存，使修改生效。

### 总结
以上几种方法都可以帮助你去除门户文章中图片的超链接。如果你只是偶尔需要去除超链接，使用方法一即可；如果你希望批量去除所有文章中的图片超链接，可以尝试方法二或方法三；如果你只是希望在前端隐藏超链接的效果，可以使用方法四。

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