Introduction

This article is a test document used to verify that the CMS editor works correctly. It includes various types of content such as headings, lists, links, tables, and images. The purpose is to simulate a real blog post written by an editor.

A good CMS editor should allow writers to easily format text, insert media, and structure content for readability and SEO.

Why Rich Text Editors Matter

Modern content management systems rely heavily on rich text editors. These tools allow users to create visually structured content without writing HTML manually.

Some key features that editors should support include:

• Headings for SEO
• Lists for readability
• Links to external resources
• Images with alt text
• Tables for structured information
• Clean HTML output
• Security against XSS attacks

Example Link

Here is a sample link to test link formatting:

https://example.com

Another formatted link:

Visit the official documentation for more information about modern web development practices.

Example Lists

Unordered List

• Content management systems
• Blog platforms
• Knowledge bases
• Documentation websites
• Online learning platforms

Ordered List

1. Write content
2. Format the article
3. Add media such as images
4. Optimize headings for SEO
5. Publish the article

Nested List Example

1. Web Development
   • Frontend
   • Backend
   • Full Stack
2. Content Management
   • Blog CMS
   • Headless CMS
   • Documentation CMS

SEO Heading Example

Search engines rely heavily on structured headings.

A typical SEO article structure looks like this:

H1 — Article Title

H2 — Major Sections

H3 — Subsections

H4 — Subsections

H5— Subsections

H6 — Subsections

Normal

Proper structure improves readability and search engine indexing.

Selected text Link

Lpc http://lpcentre.com/

Red

Black

Nested Mixed Example

1. Building a CMS
   • Step 1: Design the Editor
     • Choose a rich text editor
     • Implement toolbar customization
   • Step 2: Backend Integration
     • Create API endpoints
     • Store HTML content
   • Step 3: Frontend Rendering
     • Sanitize HTML
     • Render safely with React

Unordered List

• Programming Languages
  • JavaScript
    • React
    • Next.js
    • Node.js
  • Python
    • Django
    • Flask
    • FastAPI
  • PHP
    • Laravel
    • Symfony
    • CodeIgniter

Ordered List

1. Web Development
   1. Frontend Development
      1. HTML Fundamentals
      2. CSS Layout Techniques
      3. JavaScript Basics
   2. Backend Development
      1. API Design
      2. Database Management
      3. Authentication Systems
   3. DevOps
      1. CI/CD Pipelines
      2. Containerization
      3. Cloud Infrastructure
2. Content Management Systems
   1. Traditional CMS
      1. WordPress
      2. Drupal
      3. Joomla
   2. Headless CMS
      1. Strapi
      2. Contentful
      3. Sanity
   3. Custom CMS
      1. Built with Next.js
      2. Integrated with APIs
      3. Fully customizable

Nested Mixed Example

1. Building a CMS
   • Step 1: Design the Editor
     • Choose a rich text editor
     • Implement toolbar customization
   • Step 2: Backend Integration
     • Create API endpoints
     • Store HTML content
   • Step 3: Frontend Rendering
     • Sanitize HTML
     • Render safely with React

Unordered List

• Programming Languages
  • JavaScript
    • React
    • Next.js
    • Node.js
  • Python
    • Django
    • Flask
    • FastAPI
  • PHP
    • Laravel
    • Symfony
    • CodeIgniter

Ordered List

1. Web Development
   1. Frontend Development
      1. HTML Fundamentals
      2. CSS Layout Techniques
      3. JavaScript Basics
   2. Backend Development
      1. API Design
      2. Database Management
      3. Authentication Systems
   3. DevOps
      1. CI/CD Pipelines
      2. Containerization
      3. Cloud Infrastructure
2. Content Management Systems
   1. Traditional CMS
      1. WordPress
      2. Drupal
      3. Joomla
   2. Headless CMS
      1. Strapi
      2. Contentful
      3. Sanity
   3. Custom CMS
      1. Built with Next.js
      2. Integrated with APIs
      3. Fully customizable