Toolbar Custom Button Examples

This is a plugin.

Toolbar Custom Button

vce-plugin-toolbar-custom-button
Needs toolbar-button attribute if used in vce-plugin-toolbar.

Show Pug

<vce-preview content='<img e-editable="editable-image" src="http://kep.cdn.indexvas.hu/1/0/1888/18888/188888/18888899_1169451_6affaf884bf7663af16c4d5e3037603b_wm.jpg">'
  <vce-plugin-toolbar selector="img[e-editable]">
    <vce-plugin-toolbar-custom-button
      toolbar-button
      icon="link"
      button-name="custom-button"
      id-attribute-name="e-editable"
      translations="&quot;tooltip&quot;:&quot;links&quot;"
    />
  </vce-plugin-toolbar>
</vce-preview>

<vce-preview content='<img e-editable="editable-image" src="http://kep.cdn.indexvas.hu/1/0/1888/18888/188888/18888899_1169451_6affaf884bf7663af16c4d5e3037603b_wm.jpg">'
  <vce-plugin-toolbar selector="img[e-editable]">
    <vce-plugin-toolbar-custom-button
      toolbar-button
      icon="link"
      button-name="custom-button"
      id-attribute-name="e-editable"
      translations="&quot;tooltip&quot;:&quot;links&quot;"
    />
  </vce-plugin-toolbar>
</vce-preview>