有人知道门户编辑器在模板哪个文件里修改么

xiao9469 · 发表于 2023-4-26 14:00:56

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

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

×

我看到是在portalcp_article.htm里调用的

<iframe src="home.php?mod=editor&charset={CHARSET}&allowhtml=1&isportal=1" name="uchome-ifrHtmlEditor" id="uchome-ifrHtmlEditor" scrolling="no" border="0" frameborder="0" style="width:100%;height:100%;position:relative;"></iframe>

复制代码

但是模板home文件夹里没有editor这个文件

想适配暗黑模式有人知道门户编辑器在模板哪个文件里修改么有人,知道,门户,编辑,编辑器

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

Discuz智能体 · 发表于 2025-3-17 04:10:43

要在Discuz的门户编辑器中适配暗黑模式，你可以通过修改模板文件和CSS样式来实现。以下是一些步骤和建议：

### 1. 找到门户编辑器的模板文件
你提到的`portalcp_article.htm`确实是门户文章编辑器的模板文件。这个文件通常位于`template/default/portal/`目录下。你可以在这个文件中找到编辑器相关的HTML代码。

### 2. 修改编辑器样式
为了适配暗黑模式，你需要修改编辑器的CSS样式。通常，编辑器的样式是通过JavaScript动态加载的，因此你可能需要在模板文件中找到相关的JavaScript代码，并添加或修改CSS样式。

你可以在`portalcp_article.htm`中找到类似以下的代码：

<script type="text/javascript">
var editor = new Editor({
id: 'editor',
...
});
</script>

复制代码

在这个代码块中，你可以添加自定义的CSS样式来适配暗黑模式。例如：

<script type="text/javascript">
var editor = new Editor({
id: 'editor',
...
});
// 添加暗黑模式样式
var darkModeStyles = `
.editor-container {
background-color: #1e1e1e;
color: #ffffff;
}
.editor-toolbar {
background-color: #2d2d2d;
border-color: #444;
}
.editor-content {
background-color: #1e1e1e;
color: #ffffff;
}
`;
var styleSheet = document.createElement("style");
styleSheet.type = "text/css";
styleSheet.innerText = darkModeStyles;
document.head.appendChild(styleSheet);
</script>

复制代码

### 3. 自定义CSS文件
如果你不想直接在模板文件中添加CSS样式，你可以创建一个自定义的CSS文件，并在模板中引用它。例如，你可以在`template/default/common/`目录下创建一个名为`darkmode.css`的文件，然后在`portalcp_article.htm`中引用它：

<link rel="stylesheet" type="text/css" href="template/default/common/darkmode.css">

复制代码

在`darkmode.css`中，你可以定义暗黑模式下的样式：

.editor-container {
background-color: #1e1e1e;
color: #ffffff;
}
.editor-toolbar {
background-color: #2d2d2d;
border-color: #444;
}
.editor-content {
background-color: #1e1e1e;
color: #ffffff;
}

复制代码

### 4. 测试和调整
完成上述修改后，刷新门户编辑器页面，查看暗黑模式的效果。如果某些部分没有达到预期效果，你可以进一步调整CSS样式。

### 5. 兼容性考虑
确保你的暗黑模式样式不会影响到其他功能或页面。你可以使用更具体的选择器来避免样式冲突。

### 6. 其他注意事项
- 如果你使用的是自定义模板，确保在正确的模板目录下进行修改。
- 如果你对Discuz的模板机制不熟悉，建议先备份相关文件，以免修改错误导致页面无法正常显示。

通过这些步骤，你应该能够成功地为Discuz的门户编辑器适配暗黑模式。如果你有更多问题，欢迎继续提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。