按【Ctrl+D】或拖动【 小墨鹰LOGO】到书签栏,收藏本站!

高颜值图文排版工具!

模板原创可商用,使用安心

50款正版字体,商用授权

20W+排版素材,每日续更

SVG互动样式,排版超有趣

日常推文选题,模板搭配全

排版课堂

  • 微信扫码 登录/注册
  • 更多登录方式
  • QQ登录

    手机号登录/注册

    账号登录

  • 暂不绑定
  • 绑定 手机号
  • 获取验证码

    获取验证码

  • 绑定并登录
  • 为了您的账号安全,请绑定手机号!
登录即代表已阅读并同意 网站服务协议 隐私政策 使用协议
  • 秒刷功能
  • 编辑器快捷键
  • 关注按钮
  • 添加背景图
  • 弹幕文字修改增删
  • 时间轴增加节点
  • DIY收藏,一键套用
  • 图片快传
  • 二维码
  • 导入公众号
帮助中心首页 新版视频教程 如何在文章中插入内容块,底色块和代码块?

如何在文章中插入内容块,底色块和代码块?

浏览量:7 发布时间:2025-08-05 17:40:50

想让文章排版更灵活、重点更突出?试试小墨鹰编辑器的「内容块」「底色块」「代码块」功能!无论你是想单独调整段落、添加背景色,还是嵌入大段代码,这三个工具都能帮你快速实现,还能让读者浏览体验更流畅。下面教你如何操作👇





一、插入内容块:精准控制段落

  1. 操作步骤

    • 选中需要单独操作的文字段落 → 点击顶部「插入」按钮 → 选择「插入内容块」

    • 插入后,段落会被虚线框包裹,并显示专属工具条。

  2. 核心功能

    • 自由调整:拖动工具条可移动内容块位置,支持上移/下移、添加前后空行。

    • 批量控制:调整虚线框宽度时,框内所有内容(如图片、文字)会等比缩放,避免错位。

    • 图片排版:对图片插入内容块后,可单独调整图片宽度,保持与其他内容对齐。


二、插入底色块:突出视觉重点

  1. 操作步骤

    • 选中目标段落 → 点击「插入」→ 选择「插入底色块」

    • 插入后,段落会自带底色背景,默认颜色可自定义。

  2. 核心功能

    • 颜色自定义:点击底色块工具条,可更换背景色、调整透明度。

    • 灵活复用:底色块与内容块功能兼容,支持移动、缩放等操作。


三、插入代码块:长内容轻松展示

  1. 操作步骤

    • 点击「插入」→ 选择「插入代码块」→ 在弹窗中粘贴代码或长文本 → 点击「确定」

    • 插入后,代码块会显示为带滚动条的独立区域。

  2. 核心功能

    • 滚动查看:用户可拖动底部滚动条浏览长内容(如公众号中支持手指滑动)。

    • 快速修改:双击代码块 → 在弹窗中编辑内容 → 支持删除空行、批量粘贴文本。


四、适用场景总结

  • 内容块:多段落分块管理、图片对齐调整。

  • 底色块:重点标注、引用说明、视觉分区。

  • 代码块:展示程序代码、长文本(如诗歌、列表)、横向滑动查看内容。

结语

用好这三个功能,你的文章不仅能层次分明,还能兼顾美观与实用性。快去小木鹰编辑器试试吧,让排版不再成为创作的负担!



推荐阅读:

  • 微信在线客服

    请提供详细的截图大图+文字说明您的问题

  • 微信扫码查看帮助

    扫码关注,获取各种排版小技巧,黑科技!

复制成功

Copyright © xmyeditor.com 2015-2025 河南九鲸网络科技有限公司杭州分公司

ICP备案号:豫ICP备16024496号-1 豫公网安备:41100202000215 经营许可证编号:豫B2-20250200 网信算备:410103846810501250019号