LogoLogo
9.0.x
9.0.x
  • Overview
    • About Varbase
    • Roadmap
    • Release Cycle and Supported Versions
    • How to Get Support
  • Developers
    • Getting Started
    • Installing Varbase
      • Requirements
      • Installing Varbase with DDEV
      • Installing Varbase with Lando
    • Understanding Varbase
      • Basic Concepts
      • Core Components
        • Varbase Core
          • Varbase Admin
          • Varbase Page
          • Varbase Security
          • Varbase Webform
          • Varbase Default Content
          • Varbase Tour
        • Varbase Media
        • Varbase Editor
        • Varbase Email
        • Varbase SEO
        • Varbase Workflow
        • Varbase Layout Builder
          • Varbase Landing page (Layout Builder)
          • Varbase Heading Block
          • Varbase Rich Text Block
          • Varbase HTML Code Block
          • Varbase Media (Image/Video) Block
          • Varbase Gallery Block
        • Varbase Total Control Dashboard
        • Vartheme Claro
        • Vartheme BS4
      • Optional Components
        • Varbase API
        • Varbase Internationalization
        • Varbase Media Hero Slider
        • Varbase Carousels
        • Varbase Blog
        • Varbase Search
        • Varbase Social Single Sign-On
        • Varbase Media Twitter
        • Varbase Media Instagram
        • Varbase Content Planner
        • Varbase Bootstrap Paragraphs
          • Varbase Bootstrap Paragraphs Text and Image
        • Varbase Landing Page (Paragraphs)
      • Additional Components
        • Varbase Media Header
        • Varbase FAQs
        • Varbase Reports
        • Varbase Commerce
        • Varbase YouTube Import
      • Development Components
        • Varbase Development
        • Varbase Style Guide
        • Reroute Email
        • Varbase Updates Helper
    • Configuring a Varbase Site
      • Navigation
        • Defining Active Menu Trail Using Menu Position
      • Using View Modes Inventory
      • Content Moderation and Workflows
      • URL Aliases in Varbase/Drupal
        • Configuring URL Aliases
        • Managing URL Aliases
      • Managing URL Patterns for Multilingual Websites
      • Managing Date and Time Formats to Display Across the Site
      • Using Varbase Layout Builder
        • Creating a Landing Page With Varbase Layout Builder
        • Activating Varbase Layout Builder for Content Types
      • Configuring Pathologic When Going Live
      • Configuring SEO Features
        • Disallow Oembed Media Links
      • Configuring Security Features
        • Spam Protection
        • Password Policies
        • Other Security Kits
        • Flood Contorl
        • Enable HTTP Password Authentication
      • Configuring JSON:API Features
      • Configure Varbase Media Hero Slider
      • Configuring Varbase Media Header
      • Configuring Varbase Mailer Settings
        • Configure Symfony Mailer
        • Configure Swift Mailer
        • Switch From Swift Mailer to Symfony Mailer
      • Entity Definition Update Manager Class
      • Module Installer Factory Class
    • Theme Development with Varbase
      • Understanding The Vartheme Base Theme
      • Creating Your Own Theme
      • Local Tasks and Moderation Sidebar
      • Add Preloaded Fonts in Vartheme
      • Switch From Node SASS to Dart SASS for Old Sub-Themes
    • Launching a Varbase Site to Production
    • Updating a Varbase Site
      • Understanding Varbase Updater Package
      • Handling Patches When Updating
      • Handling Configuration Updates
      • Updating Varbase to work with Composer 2.0
      • Updating Drush to the Latest Stable Version
      • Version Update Guides
        • Updating Varbase ~9.0 to Drupal 10
        • Switch from CKEditor 4 to CKEditor 5 in Varbase ~9.1.0
        • Updating from Varbase 8.x to 9.x
    • Varbase Patches
    • Frequently Asked Questions (FAQs)
    • Extending Varbase
      • Overriding Varbase
      • Creating Your Own Feature
      • Creating A Sub Profile From Varbase
        • Varbase Sub Profile Generator
        • Varbase Sub Profile Basic Template
        • Varbase Sub Profile Basic Project Template
      • Install Needed YARN and Gulp Tools
      • Compiling Provided Component Styles
      • Check Standards/Practice Coding And Linting
  • Content Designers
    • Terminology
    • Accessing the Administration Area
      • Website Environments
    • User Management
      • Allow Email/Username Login & Registration
      • Default Roles and Site Personas
        • Edit Roles' Permissions
        • Managing Roles
      • Add User
      • Edit User
      • Masquerading as another user
    • Dashboard
      • Reports
    • Content Structure
      • EntityQueues
      • Menu Management
        • Add Menu Items
        • Update Menu Items
        • Adding a Page to the Menu
      • Taxonomies
        • Manage Vocabulary
        • Edit Vocabulary
        • List Terms
        • Add Terms
        • Reorder and Edit Terms
      • Webforms
        • Setting up Emails Handler Conditions
        • Setting up Confirmations Message Settings Types
    • Content Management
      • Create Content
        • Add a Basic page
        • Add a Landing page
        • Add Blog
        • Add Media
          • Image
          • Remote video
          • Video
      • Modify Content
      • Delete Content
      • Preview Content
      • Bulk Edit Content
      • Content Moderation
      • Publish Content
      • URL Alias
    • About Layout Builder
      • Section
      • Custom Blocks
        • Heading Block
        • Basic Block
        • Media Block(Image/Video)
        • Rich-Text Editor “WYSIWYG”
      • Managing Blocks
    • Search Engine Optimization
      • XML Sitemap
      • Meta Tags in Varbase
      • URL Redirects
      • Domain Redirects
      • Prevent a Single Content From Being Indexed
    • Site Configuration
      • System
        • Clearing Varbase Cache
        • Google analytics
        • Mail templates
      • User interface
      • Development
      • Varbase settings
      • Web services
    • Common Error Handling Tips
  • Contributing
    • Contributing to Documentation
Powered by GitBook
On this page
  • Varbase Editor Module
  • Features
  • List of Text Formats
  • Rich editor
  • Simple editor
  • HTML code
  • CKEditor Paste Filter in Action
  1. Developers
  2. Understanding Varbase
  3. Core Components

Varbase Editor

PreviousVarbase MediaNextVarbase Email

Last updated 1 year ago

Integrates a rich editor into distribution.

Varbase Editor Module

Varbase editor features are bundled through the Varbase Editor module. GitHub: Drupal.org:

After building a project using the varbase-project template, you can see the code of the Varbase Editor module in:

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

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

Module

Purpose

Node

(in Drupal core)

Allows content to be submitted to the site and displayed on pages.

Text Editor

(in Drupal core)

Provides a means to associate text formats with text editor libraries such as WYSIWYGs or toolbars.

CKEditor

(in Drupal core)

WYSIWYG editing for rich text fields using CKEditor.

Filter

(in Drupal core)

Filters content in preparation for display.

Enables CKEditor 2 bi directional Buttons. One for Right To Left text direction (RTL) and another for Left To Right (LTR).

Adds the Media Embed CKEditor plugins to Drupal.

Allows entities to be embedded using a text editor.

Resizes images based on width and height attributes and optionally link to the original image.

Modify behavior and appearance of external links.

Provides an easy interface for internal and external linking with wysiwyg editors.

Add title, target etc. attributes to Text Editor''s link dialog if the text format allows them.

This plugin module adds the better link dialog and anchor related features to CKEditor in Drupal 8/9

Helps avoid broken links and incorrect paths in content.

Provides a user interface for the Token API and some missing core tokens.

Allows token values to be used as filters.

This module implements extra filtering of text pasted from Word.

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

Simple editor

HTML code

CKEditor Paste Filter in Action

The CKEditor paste filter module provides extra filtering for text pasted from word or general text preprocessor applications, Text pasted with formatting will be processed to be displayed with no formatting to it.

The following image shows how a pasted formatted text will look like on the site without using the CKEditor paste filter.

The following image will show how the text will be displayed when using CKEditor paste filter.

Provides integration with .

Varbase
https://github.com/Vardot/varbase_editor
https://www.drupal.org/project/varbase_editor
Ace Code Editor
Ace code editor
CKEditor BiDi Buttons
CKEditor Media Embed Plugin
Entity Embed
Image Resize Filter
External Links
Linkit
Editor Advanced link
CKEditor Anchor Link
Pathologic
Token
Token Filter
CKEditor Paste Filter
Rich Editor
Pasted Formatted Text Without CKEditor Paste Filter
Pasted Formatted Text When Using CKEditor paste filter