---
schema_version: "1"
id: 24d96145695c133fe6ae4cbb3b895ac91a5aca043711885a65aba097251dc7ac
title: HTML Solutions Overview
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/sol_html_def.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.sol_html_def.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: b3bc3ea5f30515dd0bde712fd5a0668b607b7fdf507a39b49916921bceac3d09
description: HTML solutions provide a more flexible way to create solutions, by allowing you to easily format paragraphs, and insert images and links. Using HTML solutions, you create solutions with an HTML editor and display those solutions to users in Salesforce, the Self-Service portal, the Customer Portal, and as public solutions.
products:
  - Service Cloud
release: "264"
---
# HTML Solutions Overview

HTML solutions provide a more flexible way to create solutions, by allowing you to easily format paragraphs, and insert images and links. Using HTML solutions, you create solutions with an HTML editor and display those solutions to users in Salesforce, the Self-Service portal, the Customer Portal, and as public solutions.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=service.legacy_editions.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
      <colgroup>
        <col style="width:50%">
        <col style="width:50%">
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d34558e55">User Permissions
            Needed</th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d34558e55 ">To create solutions:</td>

          <td class="slds-cell-wrap" style="vertical-align:top;" headers="d34558e55 ">Create on solutions</td>

        </tr>
      </tbody>
    </table>

Using the HTML editor, you can:

- Change fonts
- Increase or decrease font sizes
- Insert images from the Documents tab
- Set text color
- Set the background color of text
- Insert hyperlinks
- Change paragraph alignment
- Create bulleted and numbered lists

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_legacy-264-0-0-production-enus/081af4ec-6c06-4d4b-9443-cb3516bbc46d/images/icon_note.png)

Note By default, solutions are created and displayed in text format. Your administrator must enable HTML solutions.

Before you begin creating HTML solutions for your organization, review the following implementation tips and best practices.

## Implementation Tips

- After you enable HTML solutions, you can’t disable it.
- If you open a text solution with the HTML editor and save it, the solution becomes an HTML solution.
- HTML solutions are presented as such to Self-Service portal, public solutions, Customer Portal, and Salesforce users.
- Any HTML tags entered into the HTML editor displays to users as text when the solution is saved.
- When the HTML solution detail is displayed in list views and search results, only the first 255 characters are displayed. This number includes HTML tags and images that are removed.
- Each HTML solution can contain up to 32,000 characters, including HTML tags.
- HTML formatting is preserved in the printable view of a solution.
- Hyperlinks in HTML solutions open in a new browser window when users click them.
- All images that you want to include in your HTML solutions must be uploaded to the Documents tab.
- HTML solutions can be created in any of the languages supported by Salesforce.

## Best Practices

The following HTML tags are allowed in HTML solutions imported into Salesforce:

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small "><colgroup><col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;a&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;dt&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;q&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;abbr&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;em&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;samp&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;acronym&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;font&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;small&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;address&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;h1&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;span&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;b&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;h2&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;strike&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;bdo&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;h3&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;strong&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;big&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;h4&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;sub&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;blockquote&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;h5&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;sup&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;br&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;h6&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;table&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;caption&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;hr&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;tbody&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;cite&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;i&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;td&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;code&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;img&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;tfoot&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;col&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;ins&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;th&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;colgroup&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;kbd&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;thead&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;dd&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;li&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;tr&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;del&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;ol&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;tt&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;dfn&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;p&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;ul&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;div&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;pre&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;var&gt;</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>&lt;dl&gt;</code></td><td class="slds-cell-wrap" style="vertical-align:top;">&nbsp;</td><td class="slds-cell-wrap" style="vertical-align:top;">&nbsp;</td></tr></tbody></table>

Within the preceding tags, you can include the following attributes:

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small "><colgroup><col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"> <col style="width:33.33333333333333%"></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>alt</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>face</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>size</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>background</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>height</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>src</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>border</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>href</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>style</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>class</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>name</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>target</code></td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><code>colspan</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>rowspan</code></td><td class="slds-cell-wrap" style="vertical-align:top;"><code>width</code></td></tr></tbody></table>

The preceding attributes that can include a URL are limited to URLs that begin with the following:

- http:
- https:
- file:
- ftp:
- mailto:
- #
- / for relative links

#### See Also

- [Categorize Solutions](https://help.salesforce.com/s/articleView?id=service.sol_category.htm&release=264.0.0&type=5 "Use solution categories to group similar solutions together. Each solution can belong to more than one category.")
- [Create Solutions](https://help.salesforce.com/s/articleView?id=service.creating_solutions.htm&release=264.0.0&type=5 "You can create a solution from the sidebar or Solutions tab and while closing a case.")