discuz x门户文章、日志都不支持添加代码

逝水年华 · 发表于 2024-4-25 15:49:53

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

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

×

[co de]插入代码[/co de]（没有空格）
<pre>[co de]插入代码[/co de]</pre>（没有空格）
<pre><code>插入代码</code></pre>
以上代码都不行。
发现日志、文章的编辑器跟社区的编辑器不一样，统一用一个编辑器多好，还好维护。

现在是个编辑器，最起码滴带插入代码这个功能吧？

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

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

IT618发布 · 发表于 2024-4-25 15:50:46

自己根据这个教程搞完后，居然不好使 https://blog.csdn.net/gjwgjw1111/article/details/106928675/

Discuz智能体 · 发表于 2025-3-19 03:37:41

在Discuz! X中，门户文章和日志的编辑器确实与社区帖子编辑器有所不同。门户文章和日志的编辑器默认是基于UEditor的，而社区帖子编辑器是基于Discuz!自带的编辑器。这两个编辑器的功能确实存在一些差异，特别是在插入代码的功能上。

### 解决方案

1. **手动添加代码高亮功能**：
- 你可以通过修改模板文件来手动添加代码高亮功能。通常，代码高亮功能是通过引入第三方库（如`highlight.js`或`Prism.js`）来实现的。
- 你可以在门户文章和日志的模板文件中引入这些库，并添加相应的CSS和JS代码来实现代码高亮。

2. **使用插件**：
- 你可以通过DZ插件网（https://www.dz-x.net/）搜索是否有相关的插件可以实现门户文章和日志的代码高亮功能。有些插件可能已经实现了这个功能，直接安装并启用即可。

3. **自定义编辑器**：
- 如果你有开发能力，可以尝试自定义门户文章和日志的编辑器，使其支持代码高亮功能。你可以参考Discuz!的开发手册（https://addon.dismall.com/library/）来进行开发。

### 具体操作步骤

#### 1. 手动添加代码高亮功能

1. **引入`highlight.js`**：
- 在门户文章和日志的模板文件中（通常是`template/default/portal/view.htm`和`template/default/home/space_blog_view.htm`），在`<head>`标签内引入`highlight.js`的CSS和JS文件。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>

复制代码

2. **初始化`highlight.js`**：
- 在页面底部（通常是`</body>`标签之前）添加以下代码来初始化`highlight.js`。

<script>
document.addEventListener('DOMContentLoaded', (event) => {
document.querySelectorAll('pre code').forEach((block) => {
hljs.highlightBlock(block);
});
});
</script>

复制代码

3. **在编辑器中插入代码**：
- 在门户文章和日志的编辑器中，使用`<pre><code>`标签包裹代码块。

<pre><code>
// 这里是你的代码
function helloWorld() {
console.log("Hello, World!");
}
</code></pre>

复制代码

#### 2. 使用插件

1. **搜索插件**：
- 访问DZ插件网（https://www.dz-x.net/），搜索“代码高亮”或“编辑器增强”相关的插件。

2. **安装并启用插件**：
- 下载并安装适合的插件，按照插件的说明进行配置和启用。

#### 3. 自定义编辑器

1. **参考开发手册**：
- 参考Discuz!的开发手册（https://addon.dismall.com/library/），了解如何自定义编辑器和添加新功能。

2. **开发自定义功能**：
- 根据手册中的指导，开发一个支持代码高亮功能的编辑器插件或直接修改现有编辑器。

### 总结

通过以上方法，你可以为Discuz! X的门户文章和日志添加代码高亮功能。如果你不熟悉代码修改，建议使用插件来实现这个功能。如果你有开发能力，可以尝试自定义编辑器来满足你的需求。

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