@syncfusion/ej2-vue-documenteditor 31.2.4 → 31.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -26
- package/dist/ej2-vue-documenteditor.umd.min.js +0 -9
- package/package.json +31 -31
- package/src/document-editor/documenteditor.component.d.ts +1 -1
- package/styles/document-editor/material3-dark.scss +1 -1
- package/styles/document-editor/material3.scss +1 -1
- package/styles/document-editor-container/material3-dark.scss +1 -1
- package/styles/document-editor-container/material3.scss +1 -1
package/README.md
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
# Vue
|
|
1
|
+
# Vue DOCX Editor Component
|
|
2
2
|
|
|
3
|
-
The [Vue
|
|
3
|
+
The [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm) component is a feature rich UI component with document editing capabilities like Microsoft Word. Also known as the document editor, it is used to create, edit, view, and print Word documents. It provides all the common Word processing features including editing text, formatting content, resizing images and tables, finding and replacing text, bookmarks, tables of contents, track changes, commenting, restrict editing, printing, importing and exporting Word documents.
|
|
4
4
|
|
|
5
|
-
An example [
|
|
5
|
+
An example [DOCX Editor server-side Web API projects for ASP.NET MVC, ASP.NET Core, and Java is available in GitHub](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm) which contains all the mandatory Web APIs for opening Word documents, paste with formatting, restrict editing, spell-checking, and saving documents other than SFDT/DOCX format. Apart from these operations, all the user interactions and editing operations run purely in the client-side provides much faster editing experience to the users.
|
|
6
6
|
|
|
7
|
-
Syncfusion provides a predefined [
|
|
7
|
+
Syncfusion provides a predefined [DOCX Editor server docker image](https://hub.docker.com/r/syncfusion/word-processor-server?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm) targeting ASP.NET Core 2.1 framework. You can directly pull this docker image and deploy it in server on the go. You can also create own docker image by customizing the existing [docker project from GitHub](https://github.com/SyncfusionExamples/Word-Processor-Server-Docker?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm).
|
|
8
8
|
|
|
9
9
|
<p align="center">
|
|
10
|
-
<a href="https://
|
|
11
|
-
<a href="https://
|
|
12
|
-
<a href="https://www.syncfusion.com/
|
|
10
|
+
<a href="https://help.syncfusion.com/document-processing/word/word-processor/vue/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm">Getting Started</a> .
|
|
11
|
+
<a href="https://document.syncfusion.com/demos/docx-editor/vue/?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm#/tailwind3/document-editor/default.html">Online demos</a> .
|
|
12
|
+
<a href="https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm">Learn more</a>
|
|
13
13
|
</p>
|
|
14
14
|
|
|
15
15
|
<p align="center">
|
|
16
|
-
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-word-processor.png" alt="Vue
|
|
16
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-word-processor.png" alt="Vue DOCX Editor Component">
|
|
17
17
|
</p>
|
|
18
18
|
|
|
19
19
|
<p align="center">
|
|
20
20
|
Trusted by the world's leading companies
|
|
21
21
|
<a href="https://www.syncfusion.com">
|
|
22
|
-
<img src="https://
|
|
22
|
+
<img src="https://ej2.syncfusion.com/home/images/trusted_companies.png" alt="Bootstrap logo">
|
|
23
23
|
</a>
|
|
24
24
|
</p>
|
|
25
25
|
|
|
@@ -37,7 +37,7 @@ npm run serve
|
|
|
37
37
|
```
|
|
38
38
|
Initiating a new project prompts us to choose the type of project to be used for the current application. Select the option `Default ([Vue 2] babel, eslint)` from the menu.
|
|
39
39
|
|
|
40
|
-
### Adding Syncfusion
|
|
40
|
+
### Adding Syncfusion DOCX Editor package
|
|
41
41
|
|
|
42
42
|
All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Vue Document editor package, use the following command.
|
|
43
43
|
|
|
@@ -45,9 +45,9 @@ All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~
|
|
|
45
45
|
npm install @syncfusion/ej2-vue-documenteditor --save
|
|
46
46
|
```
|
|
47
47
|
|
|
48
|
-
### Registering
|
|
48
|
+
### Registering DOCX Editor component
|
|
49
49
|
|
|
50
|
-
You can register the
|
|
50
|
+
You can register the DOCX Editor (Document editor) component in your application by using the **Vue.use()**. Refer to the code example given below.
|
|
51
51
|
|
|
52
52
|
```typescript
|
|
53
53
|
import { DocumentEditorPlugin } from '@syncfusion/ej2-vue-documenteditor';
|
|
@@ -57,7 +57,7 @@ Vue.use(DocumentEditorPlugin);
|
|
|
57
57
|
|
|
58
58
|
> Registering **DocumentEditorContainerPlugin** in vue, will register the Document editor component along with its required child directives globally.
|
|
59
59
|
|
|
60
|
-
### Adding CSS references for
|
|
60
|
+
### Adding CSS references for DOCX Editor
|
|
61
61
|
|
|
62
62
|
Add CSS references needed for Document editor in **style** section of the **App.vue** file from **../node_modules/@syncfusion** package folder.
|
|
63
63
|
|
|
@@ -75,7 +75,7 @@ Add CSS references needed for Document editor in **style** section of the **App.
|
|
|
75
75
|
</style>
|
|
76
76
|
```
|
|
77
77
|
|
|
78
|
-
## Add
|
|
78
|
+
## Add DOCX Editor component
|
|
79
79
|
|
|
80
80
|
Add the Vue Document editor by using **ejs-documenteditorcontainer** selector in **template** section of the **App.vue** file.
|
|
81
81
|
|
|
@@ -93,7 +93,7 @@ Add the Vue Document editor by using **ejs-documenteditorcontainer** selector in
|
|
|
93
93
|
Vue.use(DocumentEditorContainerPlugin);
|
|
94
94
|
export default {
|
|
95
95
|
data(){
|
|
96
|
-
return { serviceUrl:'https://
|
|
96
|
+
return { serviceUrl:'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/' }
|
|
97
97
|
},
|
|
98
98
|
provide: {
|
|
99
99
|
//Inject require modules.
|
|
@@ -114,28 +114,28 @@ Add the Vue Document editor by using **ejs-documenteditorcontainer** selector in
|
|
|
114
114
|
</style>
|
|
115
115
|
```
|
|
116
116
|
|
|
117
|
-
> The web API ('https://
|
|
118
|
-
> Refer the [Getting Started with Vue3](https://
|
|
117
|
+
> The web API ('https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/') is created specifically for our online demos. You should host web API on your side, refer the [web service documentation](https://help.syncfusion.com/document-processing/word/word-processor/vue/web-services/core?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm) for more information.
|
|
118
|
+
> Refer the [Getting Started with Vue3](https://help.syncfusion.com/document-processing/word/word-processor/vue/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm) for using Syncfusion Vue components in Vue 3 applications.
|
|
119
119
|
|
|
120
120
|
## Supported frameworks
|
|
121
121
|
|
|
122
|
-
The Vue
|
|
122
|
+
The Vue DOCX Editor (Document Editor) component is also offered in the following list of frameworks.
|
|
123
123
|
|
|
124
|
-
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-
|
|
124
|
+
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor?utm_medium=listing&utm_source=github)<br/> [Angular](https://www.syncfusion.com/docx-editor-sdk/angular-docx-editor?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor?utm_medium=listing&utm_source=github)<br/> [React](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/docx-editor-sdk/asp-net-core-docx-editor?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/docx-editor-sdk/asp-net-mvc-docx-editor?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/docx-editor-sdk/asp-net-mvc-docx-editor?utm_medium=listing&utm_source=github) |
|
|
125
125
|
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
126
126
|
|
|
127
127
|
## Key features
|
|
128
128
|
|
|
129
|
-
* [Document Authoring](https://
|
|
129
|
+
* [Document Authoring](https://document.syncfusion.com/demos/docx-editor/vue/?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm#/tailwind3/document-editor/default.html ) - Allows to create a document with supported elements and formatting options.
|
|
130
130
|
* Supported elements - Supports document elements like text, inline image, table, hyperlink, fields, bookmark, table of contents, footnote and endnote, section, header, and footer.
|
|
131
131
|
* Styles - Supports character and paragraph styles.
|
|
132
132
|
* Editing - Supports all the common editing and formatting operations.
|
|
133
133
|
* History - Supports options to perform undo redo operations.
|
|
134
134
|
* Find and replace - Provides support to find and replace text within the document.
|
|
135
|
-
* [Track changes](https://
|
|
136
|
-
* [Commenting](https://
|
|
137
|
-
* [Form filling](https://
|
|
138
|
-
* [Restrict editng](https://
|
|
135
|
+
* [Track changes](https://document.syncfusion.com/demos/docx-editor/vue/?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm#/tailwind3/document-editor/track-changes.html) - Suppports tracking the content insertion and deletion.
|
|
136
|
+
* [Commenting](https://document.syncfusion.com/demos/docx-editor/vue/?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm#/tailwind3/document-editor/comments.html) - Supports adding a comment, replying to an existing comment or mark as resolved and more.
|
|
137
|
+
* [Form filling](https://document.syncfusion.com/demos/docx-editor/vue/?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm#/tailwind3/document-editor/form-fields.html) - Supports designing fillable forms in Word document and fill the forms.
|
|
138
|
+
* [Restrict editng](https://document.syncfusion.com/demos/docx-editor/vue/?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm#/tailwind3/document-editor/document-protection.html) - Supports restricting edit permission for a region in Word document and control what type of changes can be made to the document.
|
|
139
139
|
* Export - Provides the options to export the documents in the client-side as `Syncfusion Document Text (*.sfdt)` and `Word document (*.docx)`. With server-side library, exporting as other formats can be achieved.
|
|
140
140
|
* Import - Provides the options to import the native `Syncfusion Document Text (*.sfdt)` format documents in the client-side. With server-side library, importing other formats can be achieved.
|
|
141
141
|
* Print - Provides the options to print the documents.
|
|
@@ -145,6 +145,13 @@ The Vue Word Processor (Document Editor) component is also offered in the follow
|
|
|
145
145
|
* Dialog - Provides dialog for inserting elements such as hyperlink, table and formatting such as font, paragraph, list, style, table.
|
|
146
146
|
* Options pane - Provides options pane to perform find and replace operations.
|
|
147
147
|
|
|
148
|
+
## Resources
|
|
149
|
+
|
|
150
|
+
* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
|
|
151
|
+
* [What's New](https://www.syncfusion.com/products/whatsnew/docx-editor-sdk?utm_medium=listing&utm_source=github)
|
|
152
|
+
* [Road Map](https://www.syncfusion.com/products/roadmap/docx-editor-sdk)
|
|
153
|
+
* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=vue&type=all)
|
|
154
|
+
|
|
148
155
|
## Support
|
|
149
156
|
|
|
150
157
|
Product support is available through the following mediums.
|
|
@@ -161,10 +168,10 @@ Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/b
|
|
|
161
168
|
|
|
162
169
|
## License and copyright
|
|
163
170
|
|
|
164
|
-
> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for
|
|
171
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Vue UI components](https://www.syncfusion.com/vue-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
165
172
|
|
|
166
173
|
> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
167
174
|
|
|
168
175
|
See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=vue-word-processor-npm) for more info.
|
|
169
176
|
|
|
170
|
-
|
|
177
|
+
© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
|
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* filename: ej2-vue-documenteditor.umd.min.js
|
|
3
|
-
* version : 31.2.4
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
|
|
5
|
-
* Use of this code is subject to the terms of our license.
|
|
6
|
-
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
|
-
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
|
-
* applicable laws.
|
|
9
|
-
*/
|
|
10
1
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-documenteditor"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-documenteditor","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Documenteditor,e.ej2VueBase,e.ej2Base)}(this,function(t,n,s,a){"use strict";var e=["isLazyUpdate","plugins","acceptTab","autoResizeOnVisibilityChange","currentUser","defaultPasteOption","documentEditorSettings","documentName","documentSettings","enableAutoFocus","enableBookmarkDialog","enableBordersAndShadingDialog","enableCollaborativeEditing","enableColumnsDialog","enableComment","enableContextMenu","enableCursorOnReadOnly","enableEditor","enableEditorHistory","enableFontDialog","enableFootnoteAndEndnoteDialog","enableFormField","enableHyperlinkDialog","enableImageResizer","enableLayout","enableListDialog","enableLocalPaste","enableLockAndEdit","enableOptionsPane","enablePageSetupDialog","enableParagraphDialog","enablePersistence","enablePrint","enableRtl","enableSearch","enableSelection","enableSfdtExport","enableSpellCheck","enableStyleDialog","enableTableDialog","enableTableOfContentsDialog","enableTableOptionsDialog","enableTablePropertiesDialog","enableTextExport","enableTrackChanges","enableWordExport","headers","height","isReadOnly","layoutType","locale","pageGap","pageOutline","serverActionSettings","serviceUrl","showComments","showRevisions","useCtrlClickToFollowHyperlink","userColor","width","zIndex","zoomFactor","actionComplete","afterFormFieldFill","beforeAcceptRejectChanges","beforeCommentAction","beforeFileOpen","beforeFormFieldFill","beforePaneSwitch","beforePaste","commentBegin","commentDelete","commentEnd","contentChange","contentControl","created","customContextMenuBeforeOpen","customContextMenuSelect","destroyed","documentChange","keyDown","requestNavigate","searchResultsChange","selectionChange","serviceFailure","trackChange","viewChange","zoomFactorChange","beforeXmlHttpRequestSend","documentLoadFailed"],o=[],r=s.getProps({props:e}),i=r[0],r=r[1],c=Object.keys(r);c.push("modelchanged","update:modelValue");for(var u=0,l=o;u<l.length;u++)c.push("update:"+l[u]);var m=s.vueDefineComponent({name:"DocumentEditorComponent",mixins:[s.ComponentBase],props:i,watch:r,emits:c,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new n.DocumentEditor({}),propKeys:e,models:o,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(s.isExecute?e:s.gh)("div",t=a.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var s=n[t],a=this.templateCollection[s];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var i=r[o];this.destroyPortals(i)}delete this.templateCollection[s]}}},setProperties:function(n,e){var s=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(n,e),n&&this.models&&this.models.length&&Object.keys(n).map(function(t){s.models.map(function(e){t!==e||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,n[t]):(s.$emit("update:"+t,n[t]),s.$emit("modelchanged",n[t])))})})},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()},enableAllModules:function(){return this.ej2Instances.enableAllModules()},exportAsImage:function(e,t){return this.ej2Instances.exportAsImage(e,t)},exportContentControlData:function(e){return this.ej2Instances.exportContentControlData(e)},exportFormData:function(){return this.ej2Instances.exportFormData()},fitPage:function(e){return this.ej2Instances.fitPage(e)},focusIn:function(){return this.ej2Instances.focusIn()},getBookmarks:function(){return this.ej2Instances.getBookmarks()},getComments:function(){return this.ej2Instances.getComments()},getDefaultCharacterFormat:function(){return this.ej2Instances.getDefaultCharacterFormat()},getDefaultParagraphFormat:function(){return this.ej2Instances.getDefaultParagraphFormat()},getDefaultSectionFormat:function(){return this.ej2Instances.getDefaultSectionFormat()},getDocumentCharacterFormat:function(){return this.ej2Instances.getDocumentCharacterFormat()},getDocumentParagraphFormat:function(){return this.ej2Instances.getDocumentParagraphFormat()},getFormFieldInfo:function(e){return this.ej2Instances.getFormFieldInfo(e)},getFormFieldNames:function(){return this.ej2Instances.getFormFieldNames()},getStyleNames:function(e){return this.ej2Instances.getStyleNames(e)},getStyles:function(e){return this.ej2Instances.getStyles(e)},importContentControlData:function(e){return this.ej2Instances.importContentControlData(e)},importFormData:function(e){return this.ej2Instances.importFormData(e)},open:function(e){return this.ej2Instances.open(e)},openAsync:function(e){return this.ej2Instances.openAsync(e)},openBlank:function(){return this.ej2Instances.openBlank()},print:function(e){return this.ej2Instances.print(e)},resetContentControlData:function(e){return this.ej2Instances.resetContentControlData(e)},resetFormFields:function(e){return this.ej2Instances.resetFormFields(e)},resize:function(e,t){return this.ej2Instances.resize(e,t)},save:function(e,t){return this.ej2Instances.save(e,t)},saveAsBlob:function(e){return this.ej2Instances.saveAsBlob(e)},scrollToPage:function(e){return this.ej2Instances.scrollToPage(e)},serialize:function(){return this.ej2Instances.serialize()},setCustomFonts:function(e){return this.ej2Instances.setCustomFonts(e)},setDefaultCharacterFormat:function(e){return this.ej2Instances.setDefaultCharacterFormat(e)},setDefaultParagraphFormat:function(e){return this.ej2Instances.setDefaultParagraphFormat(e)},setDefaultSectionFormat:function(e){return this.ej2Instances.setDefaultSectionFormat(e)},setDocumentCharacterFormat:function(e){return this.ej2Instances.setDocumentCharacterFormat(e)},setDocumentParagraphFormat:function(e){return this.ej2Instances.setDocumentParagraphFormat(e)},setFormFieldInfo:function(e,t){return this.ej2Instances.setFormFieldInfo(e,t)},showDialog:function(e){return this.ej2Instances.showDialog(e)},showOptionsPane:function(){return this.ej2Instances.showOptionsPane()},showRestrictEditingPane:function(e){return this.ej2Instances.showRestrictEditingPane(e)},showXmlPane:function(){return this.ej2Instances.showXmlPane()},updateFields:function(){return this.ej2Instances.updateFields()},verbalizeFromCursorLocation:function(){return this.ej2Instances.verbalizeFromCursorLocation()}}}),h={name:"ejs-documenteditor",install:function(e){e.component(h.name,m)}},d=["isLazyUpdate","plugins","autoResizeOnVisibilityChange","backstageMenu","currentUser","documentEditorSettings","documentSettings","enableAutoFocus","enableComment","enableCsp","enableLocalPaste","enableLockAndEdit","enablePersistence","enableRtl","enableSpellCheck","enableToolbar","enableTrackChanges","fileMenuItems","headers","height","layoutType","locale","restrictEditing","ribbonLayout","serverActionSettings","serviceUrl","showPropertiesPane","toolbarItems","toolbarMode","userColor","width","zIndex","beforeAcceptRejectChanges","beforeCommentAction","beforePaneSwitch","beforePaste","commentDelete","contentChange","contentControl","created","customContextMenuBeforeOpen","customContextMenuSelect","destroyed","documentChange","fileMenuItemClick","selectionChange","serviceFailure","toolbarClick","trackChange","beforeXmlHttpRequestSend"],f=[],i=s.getProps({props:d}),r=i[0],i=i[1],p=Object.keys(i);p.push("modelchanged","update:modelValue");for(var g=0,j=f;g<j.length;g++)p.push("update:"+j[g]);var C=s.vueDefineComponent({name:"DocumentEditorContainerComponent",mixins:[s.ComponentBase],props:r,watch:i,emits:p,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new n.DocumentEditorContainer({}),propKeys:d,models:f,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(s.isExecute?e:s.gh)("div",t=a.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var s=n[t],a=this.templateCollection[s];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var i=r[o];this.destroyPortals(i)}delete this.templateCollection[s]}}},setProperties:function(n,e){var s=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(n,e),n&&this.models&&this.models.length&&Object.keys(n).map(function(t){s.models.map(function(e){t!==e||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,n[t]):(s.$emit("update:"+t,n[t]),s.$emit("modelchanged",n[t])))})})},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()},getDefaultCharacterFormat:function(){return this.ej2Instances.getDefaultCharacterFormat()},getDefaultParagraphFormat:function(){return this.ej2Instances.getDefaultParagraphFormat()},getDefaultSectionFormat:function(){return this.ej2Instances.getDefaultSectionFormat()},getDocumentCharacterFormat:function(){return this.ej2Instances.getDocumentCharacterFormat()},getDocumentParagraphFormat:function(){return this.ej2Instances.getDocumentParagraphFormat()},resize:function(e,t){return this.ej2Instances.resize(e,t)},setDefaultCharacterFormat:function(e){return this.ej2Instances.setDefaultCharacterFormat(e)},setDefaultParagraphFormat:function(e){return this.ej2Instances.setDefaultParagraphFormat(e)},setDefaultSectionFormat:function(e){return this.ej2Instances.setDefaultSectionFormat(e)},setDocumentCharacterFormat:function(e){return this.ej2Instances.setDocumentCharacterFormat(e)},setDocumentParagraphFormat:function(e){return this.ej2Instances.setDocumentParagraphFormat(e)}}}),b={name:"ejs-documenteditorcontainer",install:function(e){e.component(b.name,C)}};Object.keys(n).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return n[e]}})}),t.DocumentEditorComponent=m,t.DocumentEditorContainerComponent=C,t.DocumentEditorContainerPlugin=b,t.DocumentEditorPlugin=h,Object.defineProperty(t,"__esModule",{value:!0})});
|
|
11
2
|
//# sourceMappingURL=ej2-vue-documenteditor.umd.min.js.map
|
package/package.json
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@syncfusion/ej2-vue-documenteditor",
|
|
3
|
-
"version": "31.2.
|
|
4
|
-
"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Vue",
|
|
5
|
-
"author": "Syncfusion Inc.",
|
|
6
|
-
"license": "SEE LICENSE IN license",
|
|
7
|
-
"keywords": [
|
|
8
|
-
"vue",
|
|
9
|
-
"vue-documenteditor",
|
|
10
|
-
"ej2-vue-documenteditor"
|
|
11
|
-
],
|
|
12
|
-
"repository": {
|
|
13
|
-
"type": "git",
|
|
14
|
-
"url": "https://github.com/syncfusion/ej2-vue-ui-components.git"
|
|
15
|
-
},
|
|
16
|
-
"main": "./dist/ej2-vue-documenteditor.umd.min.js",
|
|
17
|
-
"module": "./index.js",
|
|
18
|
-
"es2015": "dist/es6/ej2-vue-documenteditor.es2015.js",
|
|
19
|
-
"readme": "ReadMe.md",
|
|
20
|
-
"dependencies": {
|
|
21
|
-
"@syncfusion/ej2-base": "~31.2.
|
|
22
|
-
"@syncfusion/ej2-vue-base": "~31.2.
|
|
23
|
-
"@syncfusion/ej2-documenteditor": "31.2.
|
|
24
|
-
},
|
|
25
|
-
"devDependencies": {},
|
|
26
|
-
"scripts": {
|
|
27
|
-
"compile": "gulp ci-compile && gulp vue-global-script",
|
|
28
|
-
"ci-publish": "gulp ci-publish"
|
|
29
|
-
},
|
|
30
|
-
"sideEffects": false,
|
|
31
|
-
"homepage": "https://www.syncfusion.com/vue-components"
|
|
1
|
+
{
|
|
2
|
+
"name": "@syncfusion/ej2-vue-documenteditor",
|
|
3
|
+
"version": "31.2.10",
|
|
4
|
+
"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Vue",
|
|
5
|
+
"author": "Syncfusion Inc.",
|
|
6
|
+
"license": "SEE LICENSE IN license",
|
|
7
|
+
"keywords": [
|
|
8
|
+
"vue",
|
|
9
|
+
"vue-documenteditor",
|
|
10
|
+
"ej2-vue-documenteditor"
|
|
11
|
+
],
|
|
12
|
+
"repository": {
|
|
13
|
+
"type": "git",
|
|
14
|
+
"url": "https://github.com/syncfusion/ej2-vue-ui-components.git"
|
|
15
|
+
},
|
|
16
|
+
"main": "./dist/ej2-vue-documenteditor.umd.min.js",
|
|
17
|
+
"module": "./index.js",
|
|
18
|
+
"es2015": "dist/es6/ej2-vue-documenteditor.es2015.js",
|
|
19
|
+
"readme": "ReadMe.md",
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"@syncfusion/ej2-base": "~31.2.5",
|
|
22
|
+
"@syncfusion/ej2-vue-base": "~31.2.10",
|
|
23
|
+
"@syncfusion/ej2-documenteditor": "31.2.10"
|
|
24
|
+
},
|
|
25
|
+
"devDependencies": {},
|
|
26
|
+
"scripts": {
|
|
27
|
+
"compile": "gulp ci-compile && gulp vue-global-script",
|
|
28
|
+
"ci-publish": "gulp ci-publish"
|
|
29
|
+
},
|
|
30
|
+
"sideEffects": false,
|
|
31
|
+
"homepage": "https://www.syncfusion.com/vue-components"
|
|
32
32
|
}
|
|
@@ -48,7 +48,7 @@ export declare type DocumentEditorComponent = typeof ComponentBase & {
|
|
|
48
48
|
importContentControlData(contentControlInfo: Object[]): Object[];
|
|
49
49
|
importFormData(formData: Object[]): void;
|
|
50
50
|
open(inputData: string): void;
|
|
51
|
-
openAsync(inputData: string):
|
|
51
|
+
openAsync(inputData: string): Object;
|
|
52
52
|
openBlank(): void;
|
|
53
53
|
print(printWindow?: Object): void;
|
|
54
54
|
resetContentControlData(contentControInfo: Object[]): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
@import 'ej2-base/styles/definition/material3-dark.scss';
|
|
2
2
|
@import 'ej2-documenteditor/styles/document-editor/material3-dark.scss';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
@import 'ej2-base/styles/definition/material3.scss';
|
|
2
2
|
@import 'ej2-documenteditor/styles/document-editor/material3.scss';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
@import 'ej2-base/styles/definition/material3-dark.scss';
|
|
2
2
|
@import 'ej2-documenteditor/styles/document-editor-container/material3-dark.scss';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
@import 'ej2-base/styles/definition/material3.scss';
|
|
2
2
|
@import 'ej2-documenteditor/styles/document-editor-container/material3.scss';
|