利用自定义 Discuz! 代码在编辑器添加自定义美化下载按钮 New
步骤如下；1、制作编辑器的图标
2、美化的下载图标
3、替换代码
这是添加编辑器图标成功的截图
这个是自定义代码部分
代码
这个是百度的文章的代码，不是我网站的代码。但是这个代码感觉有问题。 疑问就是 下载器美化的图标 没有地址指明。不知道他如何加载的。
<a href="{1}" target="_blank"><img src="http://www.huairenwang.com/images/common/doo.jpg" alt="点此下载" width="150" height="40" border="0" /></a> <a href="http://www.daoqin.net/" target="_blank"><font size="2" color=#FF0000>无法下载，我要报错</font></a>这一步是成功了
问题：就是那个美化的下载器图标没有显示、同时点击后 跳转的地址也有问题。
原文章教程：
文章地址
我知道答案 回答被采纳将会获得1 贡献 已有1人回答 图片链接404 打不开 你这边用也是一样的 有的是有防盗链的 你直接下载到你服务器使用就可以 你好！关于你在Discuz!编辑器中添加自定义美化下载按钮的问题，我来帮你分析并提供解决方案。
### 问题分析
1. **图标未显示**：你提到美化的下载图标没有显示，这通常是因为图标路径不正确或图标文件未正确上传到服务器。
2. **跳转地址问题**：点击按钮后跳转的地址有问题，可能是因为代码中的链接地址设置不正确。
### 解决方案
#### 1. 制作并上传图标
首先，你需要制作一个美化的下载图标，并将其上传到你的服务器。假设你制作了一个名为 `download_icon.png` 的图标文件，你可以将其上传到 `static/image/common/` 目录下。
#### 2. 修改自定义代码
接下来，你需要修改自定义代码，确保图标路径和跳转地址正确。以下是一个示例代码：
<a href="你的下载链接" class="download-button">
<img src="static/image/common/download_icon.png" alt="下载" />
<span>下载</span>
</a>
在这个代码中：
- `href="你的下载链接"`：替换为实际的下载链接。
- `src="static/image/common/download_icon.png"`：替换为你上传的图标路径。
#### 3. 添加CSS样式
为了让按钮看起来更美观，你可以添加一些CSS样式。例如：
.download-button {
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.download-button:hover {
background-color: #45a049;
}
.download-button img {
vertical-align: middle;
margin-right: 10px;
}
将这段CSS代码添加到你的模板CSS文件中，或者直接在模板的`<style>`标签中添加。
#### 4. 测试
完成以上步骤后，刷新页面，检查图标是否显示，点击按钮是否能正确跳转到下载链接。
### 总结
通过以上步骤，你应该能够成功添加一个美化的下载按钮到Discuz!编辑器中。如果还有其他问题，欢迎继续提问！
如果你需要进一步的帮助，可以访问(https://www.dz-x.net/)获取更多资源和支持。
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。
页:
[1]