@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 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
- Add CSS references needed for Document editor in **style** section of the **App.vue** file from **../node_modules/@syncfusion** package folder.
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
- <style>
66
- @import '../node_modules/@syncfusion/ej2-base/styles/material.css';
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.5",
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.5",
22
- "@syncfusion/ej2-vue-base": "~34.2.2",
23
- "@syncfusion/ej2-documenteditor": "34.2.5"
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": {