◎ 渊泉第二小学
校徽
树智云

庆祝国庆,为祖国喝彩!

树智云校园成长评价系统

十三、新闻管理:富文本编辑器怎么用

🕒 更新于 2026-09-25 21:52

新闻既用于首页的「学校风采」「校园新闻」列表卡,也用于各栏目页。发布后家长与访客都能看到,是学校的对外窗口。

13.1 新建一条新闻

  1. 左侧菜单进入「📰 新闻管理」,点「新增」。
  2. 填写标题,选择所属栏目(学校风采 / 校园新闻 / 读书推荐官 / 五育记录 / 教师风采 / 读书之星 / 树智云系统介绍)。
  3. 在正文编辑器中撰写内容。
  4. 上传封面图(可选,用于列表页缩略展示)。
  5. 把状态置为「发布」,保存。

草稿状态不会出现在前台。写长文时建议先存草稿,检查无误再改为发布。

13.2 编辑器工具栏

按钮作用
字号 / 加粗 / 斜体 / 下划线 / 删除线文字样式
颜色文字颜色
左对齐 / 居中 / 右对齐段落对齐
有序 / 无序列表列表排版
增加 / 减少缩进段落缩进
链接插入超链接
图片上传图片并插入到正文
清除格式去掉选中文字的样式
撤销 / 重做回退与恢复
</> HTML切换到源码模式,直接编辑 HTML
👁 预览在弹窗中查看发布后的真实效果

13.3 从学校公众号搬一篇文章过来

这是最常用的场景,推荐用「HTML 源码模式」:

  1. 在公众号文章页面全选复制。
  2. 回到新闻编辑器,点 </> HTML 进入源码模式。
  3. 粘贴,再点一次切回可视化模式检查排版。
  4. 点 👁 预览 确认真实效果——预览和发布用的是同一套渲染规则,预览正常,发布后就正常。

系统会把公众号图片自动下载到本站,避免原文图片失效或防盗链。若某张图片没显示,检查该图在原文章中是否为懒加载(可先滚动文章到底部让图片全部加载出来,再复制)。

为安全起见,正文会经过白名单净化:脚本、内联事件等会被自动移除,部分特殊样式会被简化。这是必要的保护,正常排版不受影响。

图 13-1 新闻编辑器(工具栏 + HTML 源码模式 + 预览按钮)—— 请在此处插入截图