|
Template
<template>
<ejs-documenteditorcontainer
id="container"
ref="templateEditContainer"
:enableToolbar="true"
locale="en-US"
style="top:0; left:0; width: 100%;"
></ejs-documenteditorcontainer>
</template>
Script
this.$refs.templateEditContainer.ej2Instances.toolbarItems = [
"Open",
"New",
{
prefixIcon: "e-de-ctnr-pagenumber",
tooltipText: "Custom toolbar item",
text: "Custom toolbar item",
id: "Custom",
cssClass: "e-de-toolbar-btn"
},
"Separator",
"Image",
"Break",
"Bookmark",
"Separator",
"Hyperlink",
"RestrictEditing"
];
this.$refs.templateEditContainer.ej2Instances.toolbarClick = (args) => {
if(args.item.id === "Custom"){
// handle custom item functionality
}
} |