新闻既用于首页的「学校风采」「校园新闻」列表卡,也用于各栏目页。发布后家长与访客都能看到,是学校的对外窗口。
13.1 新建一条新闻
- 左侧菜单进入「📰 新闻管理」,点「新增」。
- 填写标题,选择所属栏目(学校风采 / 校园新闻 / 读书推荐官 / 五育记录 / 教师风采 / 读书之星 / 树智云系统介绍)。
- 在正文编辑器中撰写内容。
- 上传封面图(可选,用于列表页缩略展示)。
- 把状态置为「发布」,保存。
草稿状态不会出现在前台。写长文时建议先存草稿,检查无误再改为发布。
13.2 编辑器工具栏
| 按钮 | 作用 |
|---|---|
| 字号 / 加粗 / 斜体 / 下划线 / 删除线 | 文字样式 |
| 颜色 | 文字颜色 |
| 左对齐 / 居中 / 右对齐 | 段落对齐 |
| 有序 / 无序列表 | 列表排版 |
| 增加 / 减少缩进 | 段落缩进 |
| 链接 | 插入超链接 |
| 图片 | 上传图片并插入到正文 |
| 清除格式 | 去掉选中文字的样式 |
| 撤销 / 重做 | 回退与恢复 |
| </> HTML | 切换到源码模式,直接编辑 HTML |
| 👁 预览 | 在弹窗中查看发布后的真实效果 |
13.3 从学校公众号搬一篇文章过来
这是最常用的场景,推荐用「HTML 源码模式」:
- 在公众号文章页面全选复制。
- 回到新闻编辑器,点 </> HTML 进入源码模式。
- 粘贴,再点一次切回可视化模式检查排版。
- 点 👁 预览 确认真实效果——预览和发布用的是同一套渲染规则,预览正常,发布后就正常。
系统会把公众号图片自动下载到本站,避免原文图片失效或防盗链。若某张图片没显示,检查该图在原文章中是否为懒加载(可先滚动文章到底部让图片全部加载出来,再复制)。
为安全起见,正文会经过白名单净化:脚本、内联事件等会被自动移除,部分特殊样式会被简化。这是必要的保护,正常排版不受影响。
图 13-1 新闻编辑器(工具栏 + HTML 源码模式 + 预览按钮)—— 请在此处插入截图