Mosaico editing

Question

Mosaico displays editing icons depending on the nature of the text. However when text is to be edited the Format drop down does not include the ability to create bullets or numbered lists. Where are the edit icons configured in Mosaico templates?

Answer 1

To add bulleted and numbered lists to the Mosaico editor, install the Mosaico Toolbar Editor (com.ginkgostreet.mosaicotoolbarconfig) extension.

Then go to Administer > CiviMail > Mosaico Settings, and edit the Mosaico Toolbar Settings field and insert bullist numlist after hr.

Hopefully this might be incorporated into CiviCRM Mosaico one day so that it wouldn't be necessary to install another extension but for now this is how to do it.

Answer 2

I opened Word, pasted the text I wanted bulleted, then bulleted it, then copied it and pasted it into Mosaico template. The bullets held.

Answer 3

Once the extension is installed here is where to find TinyMCE identifiers

Answer 4

Andrew's answer is great if you can install extensions but you can't code. But if you already have your own extension, you only need these 4 lines of code:

/**
 * Hook Mosaico TinyMCE config to add bulleted and numbered lists.
 */                                                                          
function myextension_civicrm_mosaicoConfig(&$config) {
  $config['tinymceConfigFull']['plugins'] = ['link paste lists code civicrmtoken'];
  $config['tinymceConfigFull']['toolbar1'] = 'bold italic removeformat | link unlink | bullist numlist | civicrmtoken | pastetext | code';
}

(Replace myextension with your extension's short name, of course.)

There's a list of plugins and buttons at: https://www.tiny.cloud/docs/advanced/available-toolbar-buttons/