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

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

我看到是在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这个文件

想适配暗黑模式

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智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 有人知道门户编辑器在模板哪个文件里修改么