# The WYSIWYG Editor

The WYSWYG (What You See Is What You Get) editor allows you to create content with word processor-like formatting. You can type in text and apply styles to it (make it bold or italic, for example), insert links and images, and add other content and formatting, with all changes visible in the editor similar to how they will be shown on the front-end site.

![](/files/-MK0WUx05c-p_w0BsPee)

## Editor Buttons

The following list shows the icons for the formatting buttons in the WYSIWYG editor, and a brief description of their functions:

![](/files/-MK0Wg_IZu_mzHcU2OtX)

{% hint style="info" %}
\*Note\* As you're typing text, pressing "Enter" starts a new paragraph, which leaves spacing between the previous paragraph and the new paragraph
{% endhint %}

## Inserting Links

You can add either web page links, or email links within your content by using the **"Insert Hyperlink"** button (shown above).  Here are the options available:

![](/files/-MK0WiwtfX2U-dOsJgJI)

#### **To what URL should this link go?** 

*  For a **web link,** enter the full web address starting with `https://`
*  For an **email link** enter `mailto:` followed by the email address 

####  **Open in new window** : 

* By default, links will open in the same browser window.  To have links open in a new browser window, select "Open link in new window"**.**

## [**Inserting Images**](/base-cms/content-management/embedding-content/images.md)

{% content-ref url="/pages/-MK0P6-ZNTCeBbi9OimW" %}
[Images](/base-cms/content-management/embedding-content/images.md)
{% endcontent-ref %}

## Remove Font Styles

The **remove font styles** icon will remove a lot of the styling that's carried over from an external text-editor, while still leaving styles that are compatible with the Base WYSIWYG.  For instance, consider the following example: 

![](/files/-MK0X7dfmB_6MYkcFTyl)

If you highlight the text and select "remove font styles", you won't see any changes to the body copy, it will look identical:

![](/files/-MK0X9OM2B6wdXkf9ta_)

This is because there weren't any inhibiting style tags buried in the HTML that may have been copied over from another editor.  

Consider this example, where the text seems unnaturally small on the website in comparison to the surrounding text:

![](/files/-MK0XBRfZvt62rM4XCW_)

To troubleshoot, first we'll view the article in Base, and click on the "**Code View**" icon in the upper-right:

![](/files/-MK0XDI11_N8jQtRWWhE)

![](/files/-MK0XRIF5VXJyUtV3lYp)

 

You'll notice there are some inline styles that were carried over from a previous text editor. To remove, highlight the text and select the "**Remove Font Style"** icon:

![](/files/-MK0XTOgRjjn51q8DqNH)

And now the text displays properly on the website:

![](/files/-MK0XUraceeaGFogJv9-)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.parameter1.com/base-cms/content-management/the-wysiwyg-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.