✨ Add raw markdown toggle to TinaCMS rich text editor

[Copilot]

Description

• Added "raw" to toolbarFields array to enable built-in TinaCMS raw markdown toggle in rich text editor toolbar
• Users can now switch between WYSIWYG and raw markdown views when editing rule content

// tina/collection/shared/toolbarFields.ts
export const toolbarFields: ToolbarOverrideType[] = [
  "embed",
  "heading",
  // ... other toolbar options
  "table",
  "raw",  // ← enables raw markdown toggle
];

Applies to all rich text editor instances (rules and categories).

Screenshot (optional)

Feature appears as a "Raw" button in the editor toolbar at /admin. Toggle switches between formatted view and plain text markdown source.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /usr/local/bin/node /usr/local/bin/node /home/REDACTED/work/SSW.Rules/SSW.Rules/node_modules/.pnpm/[email protected]_@babel+[email protected]_@opentelemetry+[email protected][email protected][email protected][email protected]/node_modules/next/dist/compiled/jest-worker/processChild.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>✨ Markdown Toggle - Add raw markdown view toggle</issue_title>
<issue_description>Requested by: @jakebayliss via YakShaver.ai 🦬
cc: @jakebayliss, @GordonBeeming, @Marxoz, @PothieuG, @Freego1783

Hi Team!

  🟥  Watch the video (1 min 24 sec)

  Url from screen share: https://www.ssw.com.au/rules/admin#!/-/rules/use-github-copilot-cli-secure-dockerised-environment

Pain

Implement a toggle button in the rich text editor to switch between styled text and raw markdown view, facilitating easier content updates.

Acceptance Criteria

1. A toggle button is added to the rich text editor interface.
2. The button allows users to switch between styled text and raw markdown view.
3. The markdown view displays the content in raw markdown format without styling.
4. Switching back to styled text retains the original formatting and styling.

Screenshot

Figure: Lack of raw markdown view in rich text editor</issue_description>

<agent_instructions>Add a raw markdown toggle button so we can edit in raw markdown if needed</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes ✨ Markdown Toggle - Add raw markdown view toggle #2230

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.