---
title: How to edit between Design and HTML?
description: "Within the edit content manager you're able to switch between three screens: Design, HTML, and Preview. Design allows you to edit content similar to Microsoft Word, but HTML allows you to edit content via html coding."
---
[Skip to content](https://knowledgebase.akaraisin.com/en/support/content-manager/cms-v4/how-to-edit-between-design-and-html#main-content)
[Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new?hsLang=en)
[](https://raisinsoftware.org/)
- [Help Centre](https://knowledgebase.akaraisin.com/en/support)
Open main navigation
Close main navigation
- [Help Centre](https://knowledgebase.akaraisin.com/en/support)
- [Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new)
How can we help out?
- There are no suggestions because the search field is empty.
1. [Help Centre](https://knowledgebase.akaraisin.com/en/support?hsLang=en)
2. [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en)
3. [Edit Content (Legacy)](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#edit-content-legacy)
# How to edit between Design and HTML?
## Within the edit content manager you're able to switch between three screens: Design, HTML, and Preview. Design allows you to edit content similar to Microsoft Word, but HTML allows you to edit content via html coding.
### Design
By default, the editing content manager opens within the Design screen. Within this content editor, you're able to adjust content via the tool bar on the top of the screen. This allows you to directly enter content and format it, as if you were using Microsoft Word. You also have the ability to add additional media via the Image Manager, Flash Manager, Media Manager (video), Document Manager, and Hyperlink Manager.
### HTML
.jpg)
HTML allows you to further your work within the Design screen by adding classes, styles, and even embedding media. Majority of the work can be accomplished within the Design portion or purely within HTML. The purpose of this article is to get you familiarized with the two different editors. HTML allows you to work with the CSS Styles, which are located under the **Content Management** tab. This would allow you to code in your content onto your page, but adjust the look with CSS. HTML is the content and what is being said, but CSS is the style and how it looks.
- [Account & General Setup](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#main-content)
- [Organization](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#organization)
- [Modules](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#modules)
- [Payment](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#payment)
- [Shared Content](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#shared-content)
- [Security Management](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#security-management)
- [Invoice](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#invoice)
- [Email](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#email)
- [Event Setup](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#main-content)
- [Event Details](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#event-details)
- [Go Live](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#go-live)
- [Registration Information](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#registration-information)
- [Sponsorship Items](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#sponsorship-items)
- [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#main-content)
- [Pages](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#pages)
- [Sections and blocks](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#sections-and-blocks)
- [Design](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#design)
- [User Profile Fields](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#user-profile-fields)
- [Edit Content (Legacy)](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#edit-content-legacy)
- [Message Templates](https://knowledgebase.akaraisin.com/en/support/message-templates?hsLang=en)
- [User Management](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#main-content)
- [Surveys](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#surveys)
- [Donors](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#donors)
- [Participants & Teams](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#participants-teams)
- [Tickets & Tables](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#tickets-tables)
- [Revenue Management](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#main-content)
- [Assign Package Codes (Solicitation Codes)](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#assign-package-codes-solicitation-codes)
- [Offline Pledges](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#offline-pledges)
- [Payment and fundraising information](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#payment-and-fundraising-information)
- [Promo Codes](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#promo-codes)
- [Transactions](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#transactions)
- [Tax Receipts](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#main-content)
- [Manage](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#manage)
- [Setup](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#setup)
- [Analytics](https://knowledgebase.akaraisin.com/en/support/analytics?hsLang=en)
- [Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#main-content)
- [General Questions](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-questions)
- [General Donation](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-donation)
- [Downloads](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#downloads)
- [Common Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#common-reports)
- [Pledge / Multi-Pledge](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#pledge-multi-pledge)
- [Export Data](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#main-content)
- [Flat File](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#flat-file)
- [Integrations](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#main-content)
- [Google Analytics](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#google-analytics)
- [Strava](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#strava)
- [360MatchPro by Double the Donation](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#360matchpro-by-double-the-donation)
- [Address Complete](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#address-complete)
- [MailChimp](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#mailchimp)
- [Live streaming](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#live-streaming)
- [DonorPerfect](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#donorperfect)
- [Customer Support](https://knowledgebase.akaraisin.com/en/support/customer-support?hsLang=en)
[](http://www.akaraisin.com)
The digital fundraising partner to growing non-profits.
Copyright © 2026 raisin Software | [Privacy Policy](https://raisinsoftware.org/privacy-policy/)