# Varbase Editor

Integrates a rich editor into [Varbase](https://www.drupal.org/project/varbase) distribution.

## Varbase Editor Module

{% hint style="info" %}
Varbase editor features are bundled through the **Varbase Editor** module.\
GitHub: <https://github.com/Vardot/varbase_editor>\
Drupal.org: <https://www.drupal.org/project/varbase_editor>&#x20;

After building a project using the `varbase-project` template, you can see the code of the **Varbase Editor** module in:
{% endhint %}

```
project_directory
|-- docroot
    |-- modules
        |-- contrib
            |-- varbase_editor
```

Brings in the following core and contributed modules to your site:

| Module                                                                                       | Purpose                                                                                                                    |
| -------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Node</strong></p><p><em>(in Drupal core)</em></p>                                 | Allows content to be submitted to the site and displayed on pages.                                                         |
| <p><strong>Text Editor</strong></p><p><em>(in Drupal core)</em></p>                          | Provides a means to associate text formats with text editor libraries such as WYSIWYGs or toolbars.                        |
| <p><strong>CKEditor</strong></p><p><em>(in Drupal core)</em></p>                             | WYSIWYG editing for rich text fields using CKEditor.                                                                       |
| <p><strong>Filter</strong></p><p><em>(in Drupal core)</em></p>                               | Filters content in preparation for display.                                                                                |
| [**Ace Code Editor**](https://www.drupal.org/project/ace_editor)                             | Provides integration with [Ace code editor](https://ace.c9.io/).                                                           |
| [**CKEditor BiDi Buttons**](https://www.drupal.org/project/ckeditor_bidi)                    | Enables CKEditor 2 bi directional Buttons. One for Right To Left text direction (RTL) and another for Left To Right (LTR). |
| [**Entity Embed**](https://www.drupal.org/project/entity_embed)                              | Allows entities to be embedded using a text editor.                                                                        |
| [**CKEditor Media Embed Plugin**](https://www.drupal.org/project/ckeditor_media_embed)       | Adds the Media Embed CKEditor plugins to Drupal.                                                                           |
| [**Edit Media Entity in Modal**](https://www.drupal.org/project/edit_media_modal)            | The tiny module provides the ability to edit a Media entity in a modal window.                                             |
| [**CKEditor5 Media Resize**](https://www.drupal.org/project/ckeditor_media_resize)           | Provides a ckeditor5 plugin that allows resizing of embedded image media.                                                  |
| [**External Links**](https://www.drupal.org/project/extlink)                                 | Modify behavior and appearance of external links.                                                                          |
| [**Linkit**](https://www.drupal.org/project/linkit)                                          | Provides an easy interface for internal and external linking with wysiwyg editors.                                         |
| [**CKEditor Anchor Link**](https://www.drupal.org/project/anchor_link)                       | This plugin module adds the better link dialog and anchor related features to CKEditor 5 in Drupal 10                      |
| [**Editor Advanced link**](https://www.drupal.org/project/editor_advanced_link)              | Add title, target etc. attributes to Text Editor''s link dialog if the text format allows them.                            |
| [**Pathologic**](https://www.drupal.org/project/pathologic)                                  | Helps avoid broken links and incorrect paths in content.                                                                   |
| [**Token**](https://www.drupal.org/project/token)                                            | Provides a user interface for the Token API and some missing core tokens.                                                  |
| [**Token Filter**](https://www.drupal.org/project/token_filter)                              | Allows token values to be used as filters.                                                                                 |
| [**CKEditor Paste Filter**](https://www.drupal.org/project/ckeditor_paste_filter)            | This module implements extra filtering of text pasted from Word.                                                           |
| [**CKEditor 5 Plugin Pack**](https://www.drupal.org/project/ckeditor5_plugin_pack)           | Provides common functions for other modules in the Plugin Pack.                                                            |
| [**CKEditor 5 Full-screen Mode**](https://www.drupal.org/project/ckeditor5_plugin_pack)      | Provides a plugin to maximize the editor window.                                                                           |
| [**CKEditor 5 Find And Replace**](https://www.drupal.org/project/ckeditor5_plugin_pack)      | Provides the CKEditor 5 Find and Replace plugin.                                                                           |
| [**CKEditor 5 WProofreader**](https://www.drupal.org/project/ckeditor5_plugin_pack)          | Provides free access to the CKEditor 5 WProofreader plugin. Requires the CKEditor 5 Premium Features module to work.       |
| [**CKEditor 5 Premium Features**](https://www.drupal.org/project/ckeditor5_premium_features) | Provides general configuration and authentication used by all CKEditor 5 Premium Features.                                 |
| [**CKEditor 5 Premium Features WProofreader**](/10.1.x/readme.md)                            | Provides WProofreader features.                                                                                            |
| [**CKEditor(5) Emoji**](https://www.drupal.org/project/ckeditor_emoji)                       | Provides Emoji CKEditor Plugin for CKEditor5.                                                                              |

## Features

* Full media integration with CKEditor including captions and much more like the CKEditor paste filter which provides extra filtering for text pasted from word.
* LinkIt Integration for easy internal linking of content.
* Image enhancements and optimizations.
* Embeddable media and entities.
* Path fixing when uploading images or linking to content with absolute URLs directing to staging or development environments.
* Code Editor for Web Admins.

## List of Text Formats

### Rich Editor

<figure><img src="/files/95s57mLjHcvuM4LBTsXc" alt=""><figcaption><p>Rich Editor</p></figcaption></figure>

### Simple Editor

<figure><img src="/files/5qtn4HGNYF8TYqWWonlU" alt=""><figcaption><p>Simple Editor</p></figcaption></figure>

### HTML Code

<figure><img src="/files/2t5AZQRDnSGyYezGsTPI" alt=""><figcaption><p>HTML Code</p></figcaption></figure>

{% content-ref url="/pages/f2ysaH6suADenSTddZrD" %}
[Configure Ckeditor 5 Media Embed](/10.1.x/developers/configuring-a-varbase-site/configure-ckeditor-5-media-embed.md)
{% endcontent-ref %}


---

# 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.varbase.vardot.com/10.1.x/developers/understanding-varbase/core-components/varbase-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.
