Advanced List Plugin

Create styled number and bulleted lists.

Contribute to this page

The advlist plugin extends the core bullist and numlist toolbar controls by adding CSS list-style-type styled number formats and bullet types to the controls.

Important note: The Lists (lists) plugin must be activated for the advlist plugin to work.

Type: String

Advanced List plugin example
tinymce.init({
  selector: "textarea", // change this value according to your HTML
  plugins: "advlist"
});

Options

These settings affect the execution of the advlist plugin by providing more granular control of list styles.

advlist_bullet_styles

This option allows you to include specific unordered list item markers in the default bullist toolbar control.

Type: String

Default Value: "default,circle,disc,square"

Possible Values:

Example:

tinymce.init({
    selector: "textarea",  // change this value according to your html
    plugins: "advlist",
    advlist_bullet_styles: "square"  // only include square bullets in list
});

advlist_number_styles

This option allows you to include specific ordered list item markers in the default numlist toolbar control.

Type: String

Default Value: "default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman"

Possible Values:

Example:

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "advlist",
  advlist_number_styles: "lower-alpha"  // only include lower alpha in list
});

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.