tinymce-docs-4x/plugins/advlist.md

layout, title, title_nav, description, keywords

layout	title	title_nav	description	keywords
default	Advanced List Plugin	Advanced List	Create styled number and bulleted lists.	advlist advlist_bullet_styles advlist_number_styles

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:

• circle: a hollow circle
• disc: a filled circle
• square: a filled square

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:

• lower-alpha: lowercase ASCII letters, e.g. a, b, c, ... z
• lower-greek: lowercase classical Greek (alpha, beta, gamma), e.g. α, β, γ ...
• lower-roman: lowercase roman numerals, e.g. i, ii, iii, iv, v ...
• upper-alpha: uppercase ASCII letters, e.g. A, B, C, ... Z
• upper-roman: uppercase roman numerals, e.g. I, II, III, IV, V ...

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
});