11---
22layout : post
3- title : Getting started with JavaScript (ES5) Document editor control | Syncfusion
3+ title : Getting started with JavaScript (ES5) Document editor | Syncfusion
44description : Checkout and learn about Getting started with JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more details.
55platform : document-processing
66control : Getting started
@@ -32,9 +32,9 @@ The Essential<sup style="font-size:70%">®</sup> JS 2 JavaScript components c
3232
3333** Example:**
3434
35- > Script: ` C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/23 .1.36 /Web (Essential JS 2)/JavaScript/ej2-documenteditor/dist/global/ej2-documenteditor.min.js `
35+ > Script: ` C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/32 .1.19 /Web (Essential JS 2)/JavaScript/ej2-documenteditor/dist/global/ej2-documenteditor.min.js `
3636>
37- > Styles: ` C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/23 .1.36 /Web (Essential JS 2)/JavaScript/ej2-documenteditor/styles/material.css `
37+ > Styles: ` C:/Program Files (x86)/Syncfusion/Essential Studio/JavaScript - EJ2/32 .1.19 /Web (Essential JS 2)/JavaScript/ej2-documenteditor/styles/material.css `
3838
3939** Step 3:** Create a folder ` app/resources ` and copy/paste the global scripts and styles from the above installed location to ` app/resources ` location.
4040
@@ -214,14 +214,14 @@ Now, run the `index.html` in web browser, it will render the **Essential<sup sty
214214** Step 2:** The Essential<sup style =" font-size :70% " >® ; </sup > JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
215215
216216** Syntax:**
217- > Script: ` https://cdn.syncfusion.com/ej2/23 .1.36 /{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js `
217+ > Script: ` https://cdn.syncfusion.com/ej2/32 .1.19 /{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js `
218218>
219- > Styles: ` https://cdn.syncfusion.com/ej2/23 .1.36 /{PACKAGE_NAME}/styles/material.css `
219+ > Styles: ` https://cdn.syncfusion.com/ej2/32 .1.19 /{PACKAGE_NAME}/styles/material.css `
220220
221221** Example:**
222- > Script: [ ` https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js ` ] ( https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js )
222+ > Script: [ ` https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js ` ] ( https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js )
223223>
224- > Styles: [ ` https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-documenteditor/styles/material.css ` ] ( https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-documenteditor/styles/material.css )
224+ > Styles: [ ` https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-documenteditor/styles/material.css ` ] ( https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-documenteditor/styles/material.css )
225225
226226** Step 3:** Create a HTML page (index.html) in ` app ` location and add the CDN link references. Now, add the ` Div ` element and initiate the ** Essential<sup style =" font-size :70% " >® ; </sup > JS 2 DocumentEditor** component in the index.html by using following code.
227227
@@ -231,37 +231,37 @@ Now, run the `index.html` in web browser, it will render the **Essential<sup sty
231231 <head >
232232 <title >Essential JS 2</title >
233233 <!-- EJ2 Document Editor dependent theme -->
234- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-base/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
235- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-buttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
236- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-inputs/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
237- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-popups/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
238- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-lists/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
239- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-navigations/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
240- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-splitbuttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
241- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-dropdowns/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
234+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-base/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
235+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-buttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
236+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-inputs/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
237+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-popups/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
238+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-lists/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
239+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-navigations/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
240+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-splitbuttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
241+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-dropdowns/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
242242
243243 <!-- EJ2 Document Editor theme -->
244- <link href =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-documenteditor/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
244+ <link href =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-documenteditor/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
245245
246246 <!-- EJ2 Document Editor dependent scripts -->
247- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-base/dist/global/ej2-base.min.js" type =" text/javascript" ></script >
248- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-data/dist/global/ej2-data.min.js" type =" text/javascript" ></script >
249- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-svg-base/dist/global/ej2-svg-base.min.js" type =" text/javascript" ></script >
250- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-file-utils/dist/global/ej2-file-utils.min.js" type =" text/javascript" ></script >
251- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-compression/dist/global/ej2-compression.min.js" type =" text/javascript" ></script >
252- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type =" text/javascript" ></script >
253- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-buttons/dist/global/ej2-buttons.min.js" type =" text/javascript" ></script >
254- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-popups/dist/global/ej2-popups.min.js" type =" text/javascript" ></script >
255- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type =" text/javascript" ></script >
256- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-inputs/dist/global/ej2-inputs.min.js" type =" text/javascript" ></script >
257- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-lists/dist/global/ej2-lists.min.js" type =" text/javascript" ></script >
258- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-navigations/dist/global/ej2-navigations.min.js" type =" text/javascript" ></script >
259- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type =" text/javascript" ></script >
260- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-calendars/dist/global/ej2-calendars.min.js" type =" text/javascript" ></script >
261- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-charts/dist/global/ej2-charts.min.js" type =" text/javascript" ></script >
262- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-office-chart/dist/global/ej2-office-chart.min.js" type =" text/javascript" ></script >
247+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-base/dist/global/ej2-base.min.js" type =" text/javascript" ></script >
248+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-data/dist/global/ej2-data.min.js" type =" text/javascript" ></script >
249+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-svg-base/dist/global/ej2-svg-base.min.js" type =" text/javascript" ></script >
250+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-file-utils/dist/global/ej2-file-utils.min.js" type =" text/javascript" ></script >
251+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-compression/dist/global/ej2-compression.min.js" type =" text/javascript" ></script >
252+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type =" text/javascript" ></script >
253+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-buttons/dist/global/ej2-buttons.min.js" type =" text/javascript" ></script >
254+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-popups/dist/global/ej2-popups.min.js" type =" text/javascript" ></script >
255+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type =" text/javascript" ></script >
256+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-inputs/dist/global/ej2-inputs.min.js" type =" text/javascript" ></script >
257+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-lists/dist/global/ej2-lists.min.js" type =" text/javascript" ></script >
258+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-navigations/dist/global/ej2-navigations.min.js" type =" text/javascript" ></script >
259+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type =" text/javascript" ></script >
260+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-calendars/dist/global/ej2-calendars.min.js" type =" text/javascript" ></script >
261+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-charts/dist/global/ej2-charts.min.js" type =" text/javascript" ></script >
262+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-office-chart/dist/global/ej2-office-chart.min.js" type =" text/javascript" ></script >
263263 <!-- EJ2 Document Editor script -->
264- <script src =" https://cdn.syncfusion.com/ej2/21.2.3 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type =" text/javascript" ></script >
264+ <script src =" https://cdn.syncfusion.com/ej2/32.1.19 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type =" text/javascript" ></script >
265265 </head >
266266 <body >
267267 <!-- element which is going to render-->
@@ -298,37 +298,37 @@ Now, run the `index.html` in web browser, it will render the **Essential<sup sty
298298<head >
299299 <title >Essential JS 2</title >
300300 <!-- EJ2 Document Editor dependent theme -->
301- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-base/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
302- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-buttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
303- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-inputs/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
304- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-popups/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
305- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-lists/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
306- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-navigations/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
307- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-splitbuttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
308- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-dropdowns/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
301+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-base/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
302+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-buttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
303+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-inputs/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
304+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-popups/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
305+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-lists/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
306+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-navigations/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
307+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-splitbuttons/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
308+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-dropdowns/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
309309
310310 <!-- EJ2 Document Editor theme -->
311- <link href =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-documenteditor/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
311+ <link href =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-documenteditor/styles/material.css" rel =" stylesheet" type =" text/css" rel =' nofollow' />
312312
313313 <!-- EJ2 Document Editor dependent scripts -->
314- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-base/dist/global/ej2-base.min.js" type =" text/javascript" ></script >
315- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-data/dist/global/ej2-data.min.js" type =" text/javascript" ></script >
316- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-svg-base/dist/global/ej2-svg-base.min.js" type =" text/javascript" ></script >
317- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-file-utils/dist/global/ej2-file-utils.min.js" type =" text/javascript" ></script >
318- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-compression/dist/global/ej2-compression.min.js" type =" text/javascript" ></script >
319- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type =" text/javascript" ></script >
320- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-buttons/dist/global/ej2-buttons.min.js" type =" text/javascript" ></script >
321- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-popups/dist/global/ej2-popups.min.js" type =" text/javascript" ></script >
322- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type =" text/javascript" ></script >
323- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-inputs/dist/global/ej2-inputs.min.js" type =" text/javascript" ></script >
324- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-lists/dist/global/ej2-lists.min.js" type =" text/javascript" ></script >
325- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-navigations/dist/global/ej2-navigations.min.js" type =" text/javascript" ></script >
326- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type =" text/javascript" ></script >
327- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-calendars/dist/global/ej2-calendars.min.js" type =" text/javascript" ></script >
328- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-charts/dist/global/ej2-charts.min.js" type =" text/javascript" ></script >
329- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-office-chart/dist/global/ej2-office-chart.min.js" type =" text/javascript" ></script >
314+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-base/dist/global/ej2-base.min.js" type =" text/javascript" ></script >
315+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-data/dist/global/ej2-data.min.js" type =" text/javascript" ></script >
316+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-svg-base/dist/global/ej2-svg-base.min.js" type =" text/javascript" ></script >
317+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-file-utils/dist/global/ej2-file-utils.min.js" type =" text/javascript" ></script >
318+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-compression/dist/global/ej2-compression.min.js" type =" text/javascript" ></script >
319+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-pdf-export/dist/global/ej2-pdf-export.min.js" type =" text/javascript" ></script >
320+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-buttons/dist/global/ej2-buttons.min.js" type =" text/javascript" ></script >
321+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-popups/dist/global/ej2-popups.min.js" type =" text/javascript" ></script >
322+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-splitbuttons/dist/global/ej2-splitbuttons.min.js" type =" text/javascript" ></script >
323+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-inputs/dist/global/ej2-inputs.min.js" type =" text/javascript" ></script >
324+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-lists/dist/global/ej2-lists.min.js" type =" text/javascript" ></script >
325+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-navigations/dist/global/ej2-navigations.min.js" type =" text/javascript" ></script >
326+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-dropdowns/dist/global/ej2-dropdowns.min.js" type =" text/javascript" ></script >
327+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-calendars/dist/global/ej2-calendars.min.js" type =" text/javascript" ></script >
328+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-charts/dist/global/ej2-charts.min.js" type =" text/javascript" ></script >
329+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-office-chart/dist/global/ej2-office-chart.min.js" type =" text/javascript" ></script >
330330 <!-- EJ2 Document Editor script -->
331- <script src =" https://cdn.syncfusion.com/ej2/23 .1.36 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type =" text/javascript" ></script >
331+ <script src =" https://cdn.syncfusion.com/ej2/32 .1.19 /ej2-documenteditor/dist/global/ej2-documenteditor.min.js" type =" text/javascript" ></script >
332332</head >
333333
334334<body >
@@ -367,7 +367,7 @@ The Document Editor component requires server-side interactions for the followin
367367
368368> Note: If you don't require the above functionalities then you can deploy as pure client-side component without any server-side interactions.
369369
370- Please refer the [ example from GitHub] ( https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices ) to configure the web service and set the [ serviceUrl] ( https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container#serviceurl/ ) .
370+ Please refer the [ example from GitHub] ( https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices ) to configure the web service and set the [ serviceUrl] ( https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container#serviceurl ) .
371371
372372Syncfusion<sup style =" font-size :70% " >® ; </sup > provides a predefined [ Word Processor server docker image] ( https://hub.docker.com/r/syncfusion/word-processor-server ) 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 ) .
373373
0 commit comments