Skip to content

Commit 1bcef21

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 11-28-2024 7:30:14 AM
1 parent 43dadeb commit 1bcef21

File tree

21 files changed

+66
-32
lines changed

21 files changed

+66
-32
lines changed

‎ej2-vue-toc.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3087,7 +3087,7 @@
30873087
</ul>
30883088
</li> <li>Release Notes
30893089
<ul>
3090-
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-vue/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-vue/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-vue/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-vue/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-vue/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-vue/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-vue/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-vue/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-vue/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-vue/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-vue/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-vue/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-vue/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-vue/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-vue/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-vue/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-vue/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-vue/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-vue/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-vue/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-vue/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-vue/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-vue/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-vue/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-vue/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-vue/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-vue/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-vue/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-vue/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-vue/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-vue/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-vue/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
3090+
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/27.2.4">27.2.4</a></li><li><a href="/ej2-vue/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-vue/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-vue/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-vue/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-vue/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-vue/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-vue/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-vue/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-vue/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-vue/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-vue/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-vue/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-vue/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-vue/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-vue/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-vue/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-vue/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-vue/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-vue/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-vue/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-vue/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-vue/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-vue/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-vue/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-vue/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-vue/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-vue/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-vue/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-vue/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-vue/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-vue/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-vue/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-vue/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
30913091
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-vue/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-vue/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-vue/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-vue/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-vue/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-vue/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-vue/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-vue/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-vue/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-vue/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-vue/release-notes/24.1.43">24.1.43</a></li></ul></li><li><a href="/ej2-vue/release-notes/24.2.3">24.2.3 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
30923092
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-vue/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-vue/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-vue/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-vue/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-vue/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-vue/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-vue/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-vue/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-vue/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-vue/release-notes/23.1.38">23.1.38</a></li></ul></li><li><a href="/ej2-vue/release-notes/23.2.4">23.2.4 Service Pack Release</a></li><li><a href="/ej2-vue/release-notes/23.1.36">23.1.36 Main Release</a></li></ul></li>
30933093
<li>2023 Volume 2 - 22.*

‎ej2-vue/Release-notes/27.2.4.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Essential Studio for Vue Weekly Release Release Notes
3+
description: Essential Studio for Vue Weekly Release Release Notes
4+
platform: ej2-vue
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Vue Release Notes
9+
10+
{% include release-info.html date="November 26, 2024" version="v27.2.4" %}
11+
12+
{% directory path: _includes/release-notes/v27.2.4 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎ej2-vue/code-snippet/grid/column/frozen-column-cs3/index.js

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ new Vue({
1919
<label> Change freeze direction: </label>
2020
<ejs-dropdownlist ref='directionDropdown' id='directionDropdown' :dataSource='directionData' index="0" :fields='fields' width="150"></ejs-dropdownlist>
2121
</div>
22-
<ejs-button ref='button' cssClass='e-outline' v-on:click="freezeDirectionFn">Update</ejs-button>
22+
<ejs-button ref='button' cssClass='e-outline' v-on:click.native="freezeDirectionFn">Update</ejs-button>
2323
<ejs-grid ref='grid' style="padding: 5px 5px" :dataSource="data" height='315px' :enableHover='false'>
2424
<e-columns>
2525
<e-column field='OrderID' headerText='Order ID' width='90' textAlign='Right'></e-column>
@@ -57,13 +57,12 @@ new Vue({
5757
},
5858
methods: {
5959
freezeDirectionFn: function () {
60-
const grid = this.$refs.grid.$el.ej2_instances[0]
61-
grid.getColumnByField(this.$refs.columnDropdown.$el.ej2_instances[0].value).freeze = this.$refs.directionDropdown.$el.ej2_instances[0].value
62-
grid.refreshColumns();
60+
this.$refs.grid.getColumnByField(this.$refs.columnDropdown.$el.ej2_instances[0].value).freeze = this.$refs.directionDropdown.$el.ej2_instances[0].value;
61+
this.$refs.grid.refreshColumns();
6362
}
6463
},
6564
provide: {
6665
grid: [Freeze]
6766
}
6867

69-
});
68+
});

‎ej2-vue/code-snippet/grid/column/resize-externally/index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ new Vue({
2323
<div>
2424
<label style="padding: 30px 17px 0 0">Enter the width: </label>
2525
<ejs-textbox ref='textbox' type="textbox" placeholder="Enter new width" width="120"></ejs-textbox>
26-
<ejs-button ref='button' cssClass='e-outline' v-on:click="onExternalResize">Resize</ejs-button>
26+
<ejs-button ref='button' cssClass='e-outline' v-on:click.native="onExternalResize">Resize</ejs-button>
2727
</div>
2828
<ejs-grid ref='grid' style="padding: 5px 5px" :dataSource='data' height='315' :allowResizing='true'>
2929
<e-columns>
@@ -56,4 +56,4 @@ new Vue({
5656
provide: {
5757
grid: [Resize]
5858
}
59-
});
59+
});

‎ej2-vue/code-snippet/rich-text-editor/emoji-picker-cs1/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<meta name="description" content="Vue UI Components" />
1111
<meta name="author" content="Syncfusion" />
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
13-
<link href="https://cdn.syncfusion.com/ej2/22.1.34//material.css" rel="stylesheet" />
13+
<link href="https://cdn.syncfusion.com/ej2/27.2.2/material.css" rel="stylesheet" />
1414
<link href="index.css" rel="stylesheet" />
1515
<script src="systemjs.config.js"></script>
1616
</head>

‎ej2-vue/code-snippet/rich-text-editor/export-cs1/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import Vue from 'vue';
2-
import { RichTextEditorPlugin, Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar } from '@syncfusion/ej2-vue-richtexteditor';
2+
import { RichTextEditorPlugin, Toolbar, Link, Image, HtmlEditor, QuickToolbar, Table, PasteCleanup, ImportExport } from '@syncfusion/ej2-vue-richtexteditor';
33

44
Vue.use(RichTextEditorPlugin);
55

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs1/app.vue

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,21 +19,22 @@
1919
}
2020
2121
.e-md-preview::before {
22-
content: '\e345';
22+
content: '\\e345';
2323
}
2424
2525
.e-rte-content .e-content.e-pre-source {
2626
width: 100%;
2727
}
2828
2929
.e-icon-btn.e-active .e-md-preview.e-icons::before {
30-
content: '\e350';
30+
content: '\\e350';
3131
}
3232
</style>
3333

3434
<script>
3535
import { createElement, KeyboardEventArgs } from "@syncfusion/ej2-base";
3636
import { RichTextEditorComponent, Toolbar, Link, Image, MarkdownEditor } from '@syncfusion/ej2-vue-richtexteditor';
37+
import { marked } from 'marked';
3738
export default {
3839
name: "App",
3940
components: {
@@ -94,14 +95,14 @@ export default {
9495
},
9596
markDownConversion: function () {
9697
if (document.getElementById('preview-code').classList.contains('e-active')) {
97-
var id = this.$refs.rteInstance.ej2Instance.getID() + 'html-view';
98+
var id = this.$refs.rteInstance.ej2Instances.getID() + 'html-view';
9899
var htmlPreview = this.$refs.rteInstance.$el.ej2_instances[0].element.querySelector('#' + id);
99100
htmlPreview.innerHTML = marked.parse(this.textArea.value);
100101
}
101102
},
102103
fullPreview: function (event) {
103104
var mdSource = document.getElementById('preview-code');
104-
var id = this.$refs.rteInstance.ej2Instance.getID() + 'html-view';
105+
var id = this.$refs.rteInstance.ej2Instances.getID() + 'html-view';
105106
var htmlPreview = this.$refs.rteInstance.$el.ej2_instances[0].element.querySelector('#' + id);
106107
if ((mdSource.classList.contains('e-active')) && event.mode) {
107108
mdSource.classList.remove('e-active');

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs1/index.js

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
import Vue from 'vue';
33
import { createElement, KeyboardEventArgs } from "@syncfusion/ej2-base";
44
import { RichTextEditorPlugin, Toolbar, Link, Image, MarkdownEditor } from '@syncfusion/ej2-vue-richtexteditor';
5+
import { marked } from 'marked';
56

67
Vue.use(RichTextEditorPlugin);
78

@@ -68,14 +69,14 @@ new Vue({
6869
},
6970
markDownConversion: function() {
7071
if (document.getElementById('preview-code').classList.contains('e-active')) {
71-
var id = this.$refs.rteInstance.ej2Instance.getID() + 'html-view';
72+
var id = this.$refs.rteInstance.ej2Instances.getID() + 'html-view';
7273
var htmlPreview = this.$refs.rteInstance.$el.ej2_instances[0].element.querySelector('#' + id);
7374
htmlPreview.innerHTML = marked.parse(this.textArea.value);
7475
}
7576
},
7677
fullPreview: function(event){
7778
var mdSource = document.getElementById('preview-code');
78-
var id = this.$refs.rteInstance.ej2Instance.getID() + 'html-view';
79+
var id = this.$refs.rteInstance.ej2Instances.getID() + 'html-view';
7980
var htmlPreview = this.$refs.rteInstance.$el.ej2_instances[0].element.querySelector('#' + id);
8081
if ((mdSource.classList.contains('e-active')) && event.mode) {
8182
mdSource.classList.remove('e-active');

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs10/app.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,21 +19,22 @@
1919
}
2020
2121
.e-md-preview::before {
22-
content: '\e345';
22+
content: '\\e345';
2323
}
2424
2525
.e-rte-content .e-content.e-pre-source {
2626
width: 100%;
2727
}
2828
2929
.e-icon-btn.e-active .e-md-preview.e-icons::before {
30-
content: '\e350';
30+
content: '\\e350';
3131
}
3232
</style>
3333

3434
<script>
3535
import { createElement, KeyboardEventArgs } from "@syncfusion/ej2-base";
3636
import { RichTextEditorComponent, Toolbar, Link, Image, MarkdownEditor, MarkdownFormatter } from '@syncfusion/ej2-vue-richtexteditor';
37+
import { marked } from 'marked';
3738
export default {
3839
name: "App",
3940
components: {

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs10/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
import Vue from 'vue';
33
import { createElement, KeyboardEventArgs } from "@syncfusion/ej2-base";
44
import { RichTextEditorPlugin, Toolbar, Link, Image, MarkdownEditor, MarkdownFormatter } from '@syncfusion/ej2-vue-richtexteditor';
5+
import { marked } from 'marked';
56

67
Vue.use(RichTextEditorPlugin);
78

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs11/app-composition.vue

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,6 @@ provide('richtexteditor', [Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar
109109
@import "../../node_modules/@syncfusion/ej2-navigations/styles/material.css";
110110
@import "../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css";
111111
@import "../../node_modules/@syncfusion/ej2-vue-richtexteditor/styles/material.css";
112-
@import "https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css";
113112
114113
.e-code-mirror::before {
115114
content: '\e345';

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs11/app.vue

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,6 @@ export default {
122122
@import "../../node_modules/@syncfusion/ej2-navigations/styles/material.css";
123123
@import "../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css";
124124
@import "../../node_modules/@syncfusion/ej2-vue-richtexteditor/styles/material.css";
125-
@import "https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css";
126125
127126
.e-code-mirror::before {
128127
content: '\e345';

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs11/index.css

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77

88

99

10-
@import "https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css";
1110

1211
.e-code-mirror::before {
1312
content: '\e345';

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs7/app.vue

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,20 +24,21 @@ The third-party library <b>Marked</b> is used in this sample to convert markdown
2424
overflow: hidden;
2525
}
2626
.e-md-preview::before {
27-
content: '\e345';
27+
content: '\\e345';
2828
}
2929
3030
.e-rte-content .e-content.e-pre-source {
3131
width: 100%;
3232
}
3333
.e-icon-btn.e-active .e-md-preview.e-icons::before {
34-
content: '\e350';
34+
content: '\\e350';
3535
}
3636
</style>
3737
<script>
3838
3939
import { Browser, addClass, removeClass, isNullOrUndefined } from "@syncfusion/ej2-base";
4040
import { RichTextEditorComponent, Toolbar, Link, Image, MarkdownEditor } from "@syncfusion/ej2-vue-richtexteditor";
41+
import { marked } from 'marked';
4142
import { createElement, KeyboardEventArgs } from '@syncfusion/ej2-vue-base';
4243
export default {
4344
name: "App",
@@ -72,11 +73,13 @@ components: {
7273
if (event.target.parentElement.classList.contains('e-active')) {
7374
this.$refs.rteInstance.ej2Instances.disableToolbarItem(['Bold', 'Italic', 'StrikeThrough', 'Formats', 'OrderedList',
7475
'UnorderedList', 'CreateLink', 'Image']);
75-
event.target.parentElement.parentElement.nextElementSibling.classList.add('e-overlay');
76+
this.$refs.rteInstance.ej2Instances.element.querySelector('preview-code');
77+
//event.target.parentElement.parentElement.nextElementSibling.classList.add('e-overlay');
7678
} else {
7779
this.$refs.rteInstance.ej2Instances.enableToolbarItem(['Bold', 'Italic', 'StrikeThrough', 'Formats', 'OrderedList',
7880
'UnorderedList', 'CreateLink', 'Image']);
79-
event.target.parentElement.parentElement.nextElementSibling.classList.remove('e-overlay');
81+
this.$refs.rteInstance.ej2Instances.element.querySelector('MD_Preview');
82+
//event.target.parentElement.parentElement.nextElementSibling.classList.remove('e-overlay');
8083
}
8184
};
8285
document.getElementById('MD_Preview').onclick = () => {

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs7/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import Vue from "vue";
33
import { Browser, addClass, removeClass, isNullOrUndefined } from "@syncfusion/ej2-base";
44
import { RichTextEditorPlugin, Toolbar, Link, Image, MarkdownEditor } from "@syncfusion/ej2-vue-richtexteditor";
55
import { createElement, KeyboardEventArgs } from '@syncfusion/ej2-vue-base';
6+
import { marked } from 'marked';
67

78
Vue.use(RichTextEditorPlugin);
89

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs8/app.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,19 +24,20 @@ The third-party library <b>Marked</b> is used in this sample to convert markdown
2424
overflow: hidden;
2525
}
2626
.e-md-preview::before {
27-
content: '\e345';
27+
content: '\\e345';
2828
}
2929
3030
.e-rte-content .e-content.e-pre-source {
3131
width: 100%;
3232
}
3333
.e-icon-btn.e-active .e-md-preview.e-icons::before {
34-
content: '\e350';
34+
content: '\\e350';
3535
}
3636
</style>
3737
<script>
3838
import { Browser, addClass, removeClass, isNullOrUndefined } from "@syncfusion/ej2-base";
3939
import { RichTextEditorComponent, Toolbar, Link, Image, MarkdownEditor } from "@syncfusion/ej2-vue-richtexteditor";
40+
import { marked } from 'marked';
4041
import { createElement, KeyboardEventArgs } from '@syncfusion/ej2-vue-base';
4142
export default {
4243
name: "App",

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs8/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
import Vue from "vue";
33
import { Browser, addClass, removeClass, isNullOrUndefined } from "@syncfusion/ej2-base";
44
import { RichTextEditorPlugin, Toolbar, Link, Image, MarkdownEditor } from "@syncfusion/ej2-vue-richtexteditor";
5+
import { marked } from 'marked';
56
import { createElement, KeyboardEventArgs } from '@syncfusion/ej2-vue-base';
67

78
Vue.use(RichTextEditorPlugin);

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs9/app.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,20 +24,21 @@ The third-party library <b>Marked</b> is used in this sample to convert markdown
2424
overflow: hidden;
2525
}
2626
.e-md-preview::before {
27-
content: '\e345';
27+
content: '\\e345';
2828
}
2929
3030
.e-rte-content .e-content.e-pre-source {
3131
width: 100%;
3232
}
3333
.e-icon-btn.e-active .e-md-preview.e-icons::before {
34-
content: '\e350';
34+
content: '\\e350';
3535
}
3636
</style>
3737
<script>
3838
3939
import { Browser, addClass, removeClass, isNullOrUndefined } from "@syncfusion/ej2-base";
4040
import { RichTextEditorComponent, Toolbar, Link, Image, MarkdownEditor } from "@syncfusion/ej2-vue-richtexteditor";
41+
import { marked } from 'marked';
4142
import { createElement, KeyboardEventArgs } from '@syncfusion/ej2-vue-base';
4243
import { L10n } from '@syncfusion/ej2-base';
4344
L10n.load({

‎ej2-vue/code-snippet/rich-text-editor/markdown-cs9/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
import Vue from "vue";
33
import { Browser, addClass, removeClass, isNullOrUndefined } from "@syncfusion/ej2-base";
44
import { RichTextEditorPlugin, Toolbar, Link, Image, MarkdownEditor } from "@syncfusion/ej2-vue-richtexteditor";
5+
import { marked } from 'marked';
56
import { createElement, KeyboardEventArgs } from '@syncfusion/ej2-vue-base';
67
import { L10n } from '@syncfusion/ej2-base';
78
L10n.load({

0 commit comments

Comments
 (0)