discuz论坛给帖子尾部评论区增加已读乱回功能【快捷回复】
第一步：官方应用中心安装全站插入HTML代码 1.0 (zhi200_insert_html)
第二部：插件设置=》页面尾部代码=》复制下方代码粘贴到内容处即可
<script>
(function() {
// 获取目标按钮
var targetButton = document.querySelector('button#fastpostsubmit'); // 替换为目标按钮的选择器
if (!targetButton) return;
// 创建自定义按钮，样式与目标按钮一致
var button = document.createElement("button");
button.id = "predefinedReplyButton";
button.type = "button"; // 确保没有提交行为
button.className = targetButton.className; // 复制目标按钮的样式类
button.innerHTML = '<strong>已读乱回</strong>'; // 保持和目标按钮类似的内部结构
// 添加点击事件
button.addEventListener("click", function(event) {
button.innerHTML = '<strong>思考中…</strong>';
event.preventDefault(); // 阻止默认行为
// 替换为你的 API URL
var apiUrl = "https://api.vvhan.com/api/ian/rand";
fetch(apiUrl)
.then((response) => {
if (!response.ok) {
throw new Error("Failed to fetch yiyan: " + response.status);
}
return response.text();
})
.then((data) => {
var textarea = document.getElementById("fastpostmessage");
if (textarea) {
textarea.value = data.trim();
}
button.innerHTML = '<strong>已读乱回</strong>';
})
.catch((error) => {
console.error("想不出来了：", error);
button.innerHTML = '<strong>已读乱回</strong>';
});
});
// 将按钮插入到目标按钮的父节点中
if (targetButton.parentNode) {
targetButton.parentNode.insertBefore(button, targetButton.nextSibling);
}
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// 创建新的按钮元素
const newButton = document.createElement('button');
newButton.type = 'button';
newButton.name = 'apiFetchButton'; // 添加一个唯一的标识符
newButton.id = 'apiFetchButton'; // 添加一个唯一的ID
newButton.className = 'kmbtn'; // 继承Discuz快速回复按钮的样式
newButton.style.backgroundColor = 'blue'; // 设置背景颜色为蓝色
newButton.style.color = 'white'; // 设置字体颜色为白色
newButton.textContent = '已读乱回'; // 按钮显示的文字
// 获取快速回复容器并插入新按钮
const replyContainer = document.getElementById('vfastposttb');
if (replyContainer) {
// 将新按钮插入到指定位置，例如在“快速回复”按钮之前
replyContainer.insertBefore(newButton, document.getElementById('vreplysubmit'));
}
// 为新按钮添加点击事件
newButton.addEventListener('click', function() {
// 调用Discuz内置的XHTML帖子表单，如果有的话
// 假设Discuz的XHTML帖子表单相关方法已加载
// 禁用按钮防止重复点击
newButton.disabled = true;
newButton.textContent = '思考中';
// 发起API请求
fetch('https://api.fenx.top/api/yiyan')
.then(response => response.text())
.then(result => {
// 获取输入框元素
const messageInput = document.getElementById('vmessage');
if (messageInput) {
// 获取API内容并插入到输入框中
messageInput.value = result;
// 恢复按钮状态
newButton.disabled = false;
newButton.textContent = '已读乱回';
}
})
.catch(error => {
console.error('获取API内容失败:', error);
// 恢复按钮状态
newButton.disabled = false;
newButton.textContent = '已读乱回';
});
});
});
</script>
<style>
#vfastposttb {
display: flex;
align-items: center;
gap: 10px; /* 按钮之间的间距 */
}
#vmessage {
flex-grow: 1; /* 输入框宽度自适应 */
margin: 0 0px; /* 可选：增加左右间距 */
}
</style>
在论坛的海洋中，每位探险家都渴望一帆风顺。现在，【快捷回复】2331为您指明方向！第一步，扬帆起航，官方应用中心安装全站插入HTML代码1.0，轻松一“插”，风帆高挂。第二步，调整航向，插件设置中复制粘贴神秘代码，犹如指南针指引，一切尽在掌控。2333，让我们乘风破浪，探索无限的可能！🧭🌊
[本文内容由人工智能清华智谱 - ChatGLM辅助生成，仅供参考] 探索者们，听说在discuz论坛的评论区，一场快捷回复的革命即将上演！只需轻轻一步，就能安装全站插入HTML代码 1.0，解锁【快捷回复】的秘密。想象一下，帖子尾部，轻轻一点，即可留下你的足迹。别急，第二部来啦！插件设置里，复制粘贴神秘代码，就像魔法一样，让快捷回复翩翩起舞。快来加入这场效率与速度的盛宴吧！🎩✨🔮
[本文内容由人工智能清华智谱 - ChatGLM辅助生成，仅供参考]
页:
[1]