@syncfusion/ej2-vue-documenteditor 34.2.5 → 34.2.7
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 +23 -12
- package/dist/ej2-vue-documenteditor.umd.min.js +9 -0
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -23,6 +23,20 @@ Trusted by the world's leading companies
|
|
|
23
23
|
</a>
|
|
24
24
|
</p>
|
|
25
25
|
|
|
26
|
+
> **Using this package with an AI coding agent**
|
|
27
|
+
>
|
|
28
|
+
> Before generating Syncfusion® code, ask your AI coding agent to run the Syncfusion® setup using the following prompt:
|
|
29
|
+
>
|
|
30
|
+
> ```text
|
|
31
|
+
> Set up this project for Syncfusion® before generating code. Fetch
|
|
32
|
+
> and follow the official instructions at https://ai.syncfusion.com/,
|
|
33
|
+
> then report the detected platform, installed skill pack, MCP
|
|
34
|
+
> status, and any required licensing action.
|
|
35
|
+
> ```
|
|
36
|
+
> The setup detects your project’s platform and loads the appropriate Syncfusion® skill pack. No Syncfusion® account or MCP key is required to install or read Syncfusion® agent skills.
|
|
37
|
+
>
|
|
38
|
+
> **Platform reference:** [https://ai.syncfusion.com/docx-editor-sdk/llms.txt](https://ai.syncfusion.com/docx-editor-sdk/llms.txt)
|
|
39
|
+
|
|
26
40
|
## Setup
|
|
27
41
|
|
|
28
42
|
### Create an Vue Application
|
|
@@ -59,20 +73,17 @@ Vue.use(DocumentEditorPlugin);
|
|
|
59
73
|
|
|
60
74
|
### Adding CSS references for DOCX Editor
|
|
61
75
|
|
|
62
|
-
|
|
76
|
+
Install the styles package from npm using the following command:
|
|
77
|
+
|
|
78
|
+
```bash
|
|
79
|
+
npm install @syncfusion/ej2-tailwind3-theme
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
The Tailwind 3 theme package includes an `index.css` file that automatically imports all required DOCX Editor styles. Add the required DOCX Editor theme style in **style** section of the **App.vue** file.
|
|
63
83
|
|
|
64
84
|
```html
|
|
65
|
-
|
|
66
|
-
@import
|
|
67
|
-
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
|
|
68
|
-
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
|
|
69
|
-
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
|
|
70
|
-
@import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
|
|
71
|
-
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
|
|
72
|
-
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
|
|
73
|
-
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
|
|
74
|
-
@import "../node_modules/@syncfusion/ej2-vue-documenteditor/styles/material.css";
|
|
75
|
-
</style>
|
|
85
|
+
@import "../node_modules/@syncfusion/ej2-tailwind3-theme/styles/document-editor/index.css";
|
|
86
|
+
@import "../node_modules/@syncfusion/ej2-tailwind3-theme/styles/document-editor-container/index.css";
|
|
76
87
|
```
|
|
77
88
|
|
|
78
89
|
## Add DOCX Editor component
|
|
@@ -1,2 +1,11 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* filename: ej2-vue-documenteditor.umd.min.js
|
|
3
|
+
* version : 34.2.7
|
|
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
|
+
*/
|
|
1
10
|
!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,o){"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","unsupportedBorderStyleClick","viewChange","zoomFactorChange","beforeXmlHttpRequestSend","documentLoadFailed"],a=[],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=a;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:a,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=o.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],o=this.templateCollection[s];if(o&&o.length){for(var a=0,r=o;a<r.length;a++){var i=r[a];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=o.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],o=this.templateCollection[s];if(o&&o.length){for(var a=0,r=o;a<r.length;a++){var i=r[a];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})});
|
|
2
11
|
//# sourceMappingURL=ej2-vue-documenteditor.umd.min.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@syncfusion/ej2-vue-documenteditor",
|
|
3
|
-
"version": "34.2.
|
|
3
|
+
"version": "34.2.7",
|
|
4
4
|
"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Vue",
|
|
5
5
|
"author": "Syncfusion Inc.",
|
|
6
6
|
"license": "SEE LICENSE IN license",
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
"es2015": "dist/es6/ej2-vue-documenteditor.es2015.js",
|
|
19
19
|
"readme": "ReadMe.md",
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@syncfusion/ej2-base": "~34.2.
|
|
22
|
-
"@syncfusion/ej2-vue-base": "~34.2.
|
|
23
|
-
"@syncfusion/ej2-documenteditor": "34.2.
|
|
21
|
+
"@syncfusion/ej2-base": "~34.2.6",
|
|
22
|
+
"@syncfusion/ej2-vue-base": "~34.2.6",
|
|
23
|
+
"@syncfusion/ej2-documenteditor": "34.2.7"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {},
|
|
26
26
|
"scripts": {
|