---
schema_version: "1"
id: c0637e9b0bc5e2538809b5112018366f2d21d597ed084796018dcecc158e9d81
title: Tips for Using the HTML Editor
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/ideas_html_def.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.ideas_html_def.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 755868c551c81a2d8e95b87d4fc48afdf51c9fff6e10dc583cfde7d8d7847325
description: The HTML editor gives users WYSIWYG HTML editing capabilities.
products:
  - Service Cloud
release: "264"
---
# Tips for Using the HTML Editor

The HTML editor gives users WYSIWYG HTML editing capabilities.

### 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>

Users can

- Insert an image
- Insert hyperlinks
- Change paragraph alignment
- Create bulleted and numbered lists

## Implementation Tips

- HTML tags you enter into the HTML editor will display to users as text.
- In related lists, search results, and hover details, Salesforce does not display text with HTML formatting or images.
- Hyperlinks open in a new browser window when users click on them. The HTML editor supports HTTP, HTTPS, and mailto hyperlinks.
- To insert an image, click ![Insert Image](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_legacy-264-0-0-production-enus/081af4ec-6c06-4d4b-9443-cb3516bbc46d/support_legacy/images/insert_image.jpg) and either browse to an image file or specify the image's web address. Enter a description that appears when a user hovers over the image and when the image is not available. The image must have a URL that Salesforce can access.
- Images do not show up in list views and reports.
- You cannot disable individual features of the HTML editor. For example, you cannot disable its hyperlink and image capabilities.
- The HTML editor supports all languages that Salesforce supports.
- For security purposes, the HTML editor only allows the tags and attributes listed in [Supported HTML Tags and Attributes](https://help.salesforce.com/s/articleView?id=service.ideas_html_def.htm&release=264.0.0&type=5). Salesforce automatically removes unsupported tags and attributes when you save an idea description or comment. Salesforce also removes potentially malicious HTML. Note that Salesforce does not notify users when unsupported or potentially malicious HTML is removed.
- The HTML editor does not support JavaScript or Cascading Style Sheets (CSS).

## Supported HTML Tags and Attributes

The HTML editor supports these tags:

<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>

The above tags 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 attributes can include URLs that begin with the following:

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

## Enabling the HTML Editor in Ideas

The HTML editor is enabled by default for most organizations. If your organization does not have the HTML editor already enabled, an administrator can enable it as described in [Enable and Customize Ideas Settings](https://help.salesforce.com/s/articleView?id=service.ideas_settings.htm&release=264.0.0&type=5 "Manage organization-wide settings for Ideas.").

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

Warning Once you enable the HTML editor, you cannot disable it.

Before enabling the HTML editor, note the following:

- Each HTML idea description has a maximum size of the 32 KB. Each comment has a maximum size of 4 KB.
- If you use the HTML editor to edit and save an idea description or comment that was in text format, Salesforce saves the description or comment in HTML format.
- In list views and search results, Salesforce displays only the first 255 characters of an idea's description or comment. This number includes HTML tags.

#### See Also

- [Understand and Work with Ideas](https://help.salesforce.com/s/articleView?id=service.ideas_about.htm&release=264.0.0&type=5 "The Ideas feature serves communities of users who post, vote for, and comment on ideas. An Ideas community provides an online, transparent way for you to attract, manage, and showcase innovation.")
- [Working with and Using Ideas](https://help.salesforce.com/s/articleView?id=service.ideas_using.htm&release=264.0.0&type=5 "Ideas feature serves communities of users who post, vote for, and comment on ideas. An Ideas community provides an online, transparent way for you to attract, manage, and showcase innovation.")
- [Comment on Ideas](https://help.salesforce.com/s/articleView?id=service.ideas_comment.htm&release=264.0.0&type=5 "Comments are plain text responses to posted ideas that enable discussions about the ideas.")
- [Post and Edit Ideas](https://help.salesforce.com/s/articleView?id=service.ideas_post.htm&release=264.0.0&type=5 "Learn to post and edit Ideas.")