---
title: "Advanced source code editing"
description: "An IDE-like code editor for TinyMCE."
canonical_url: "https://www.tiny.cloud/docs/tinymce/5/enterprise-advcode/"
md_url: "https://www.tiny.cloud/docs/tinymce/5/enterprise-advcode/index.md"
version: "5"
last_updated: "2026-06-15T08:52:18Z"
tokens: 269
---
Important This page documents TinyMCE 5. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/).
# Advanced source code editing

The [Advanced Code Editor](../advcode/) plugin (`advcode`) brings a more advanced code editor to TinyMCE. This code editor makes it easier to modify the HTML, and it’s a very useful add-on for power users. It comes with many features often found in IDEs, all enabled by default:

- Syntax color highlighting
- Bracket matching
- Code folding
- Multiple selections/carets
- Search and Replace

## The difference between the Code and Advanced Code Editor plugins

**Example**

```js
tinymce.init({
  selector: 'textarea.advcodedemo',
  plugins: 'advcode',
  toolbar: 'code',

  height: 600,
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});

tinymce.init({
  selector: 'textarea.codedemo',
  plugins: 'code',
  toolbar: 'code',

  height: 600,
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});
```