Skip to content

Commit 2cc3816

Browse files
serhiipylypchuk1991serhiipylypchuk1991
committed
Update Integration duides
1 parent 7330386 commit 2cc3816

File tree

5 files changed

+16
-22
lines changed

5 files changed

+16
-22
lines changed

‎docs/assets/trial_richtext.png‎

52 KB
Loading

‎docs/guides/integration_with_angular.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ To display RichText correctly, you need to provide the corresponding styles. For
117117

118118
~~~css title="richtext.component.css"
119119
/* import RichText styles */
120-
@import "@dhx/trial-richtext/codebase/richtext.css";
120+
@import "@dhx/trial-richtext/dist/richtext.css";
121121

122122
/* specify styles for initial page */
123123
html,

‎docs/guides/integration_with_react.md‎

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -70,16 +70,14 @@ Open the ***Richtext.jsx*** file and import RichText source files. Note that:
7070

7171
~~~jsx title="Richtext.jsx"
7272
import { Richtext} from 'dhx-richtext-package';
73-
import 'dhx-richtext-package/codebase/richtext.css';
73+
import 'dhx-richtext-package/dist/richtext.css';
7474
~~~
7575

76-
Note that depending on the used package, the source files can be minified. In this case make sure that you are importing the CSS file as ***richtext.min.css***.
77-
7876
- if you use the trial version of RichText, specify the following paths:
7977

8078
~~~jsx title="Richtext.jsx"
8179
import { Richtext} from '@dhx/trial-richtext';
82-
import "@dhx/trial-richtext/codebase/richtext.css";
80+
import "@dhx/trial-richtext/dist/richtext.css";
8381
~~~
8482

8583
In this tutorial you can see how to configure the **trial** version of RichText.
@@ -91,7 +89,7 @@ To display RichText on the page, you need to create container for RichText and i
9189
~~~jsx {} title="Richtext.jsx"
9290
import { useEffect, useRef } from "react";
9391
import { Richtext} from '@dhx/trial-richtext';
94-
import '@dhx/trial-richtext/codebase/richtext.css'; // include RichText styles
92+
import '@dhx/trial-richtext/dist/richtext.css'; // include RichText styles
9593

9694
export default function RichTextComponent(props) {
9795
let richtext_container = useRef(); // initialize container for RichText
@@ -170,7 +168,7 @@ Go to the ***Richtext.jsx*** file and apply the passed **props** to the RichText
170168
~~~jsx {} title="Richtext.jsx"
171169
import { useEffect, useRef } from "react";
172170
import { Richtext} from "@dhx/trial-richtext";
173-
import "@dhx/trial-richtext/codebase/richtext.css";
171+
import "@dhx/trial-richtext/dist/richtext.css";
174172

175173
export default function RichTextComponent(props) {
176174
let richtext_container = useRef();
@@ -197,7 +195,7 @@ You can also use the [`setValue()`](api/methods/set-value.md) method inside the
197195
~~~jsx {} title="Richtext.jsx"
198196
import { useEffect, useRef } from "react";
199197
import { Richtext} from "@dhx/trial-richtext";
200-
import "@dhx/trial-richtext/codebase/richtext.css";
198+
import "@dhx/trial-richtext/dist/richtext.css";
201199

202200
export default function RichTextComponent(props) {
203201
let richtext_container = useRef();

‎docs/guides/integration_with_svelte.md‎

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -79,18 +79,16 @@ Open the ***Richtext.svelte*** file and import RichText source files. Note that:
7979
~~~html title="Richtext.svelte"
8080
<script>
8181
import { Richtext} from 'dhx-richtext-package';
82-
import 'dhx-richtext-package/codebase/richtext.css';
82+
import 'dhx-richtext-package/dist/richtext.css';
8383
</script>
8484
~~~
8585

86-
Note that depending on the used package, the source files can be minified. In this case make sure that you are importing the CSS file as **richtext.min.css**.
87-
8886
- if you use the trial version of RichText, specify the following paths:
8987

9088
~~~html title="Richtext.svelte"
9189
<script>
9290
import { Richtext} from '@dhx/trial-richtext';
93-
import '@dhx/trial-richtext/codebase/richtext.css';
91+
import '@dhx/trial-richtext/dist/richtext.css';
9492
<script>
9593
~~~
9694
@@ -104,7 +102,7 @@ To display RichText on the page, you need to create container for RichText, and
104102
<script>
105103
import { onMount, onDestroy } from "svelte";
106104
import { Richtext} from "@dhx/trial-richtext";
107-
import "@dhx/trial-richtext/codebase/richtext.css";
105+
import "@dhx/trial-richtext/dist/richtext.css";
108106
109107
let richtext_container; // initialize container for RichText
110108
let editor;
@@ -157,7 +155,7 @@ Go to the ***Richtext.svelte*** file and apply the passed **props** to the RichT
157155
<script>
158156
import { onMount, onDestroy } from "svelte";
159157
import { Richtext } from "@dhx/trial-richtext";
160-
import "@dhx/trial-richtext/codebase/richtext.css";
158+
import "@dhx/trial-richtext/dist/richtext.css";
161159
162160
export let value
163161
@@ -187,7 +185,7 @@ You can also use the [`setValue()`](/api/methods/set-value.md) method inside the
187185
<script>
188186
import { onMount, onDestroy } from "svelte";
189187
import { Richtext } from "@dhx/trial-richtext";
190-
import "@dhx/trial-richtext/codebase/richtext.css";
188+
import "@dhx/trial-richtext/dist/richtext.css";
191189
192190
export let value;
193191

‎docs/guides/integration_with_vue.md‎

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -75,18 +75,16 @@ Open the ***Richtext.vue*** file and import RichText source files. Note that:
7575
~~~html title="Richtext.vue"
7676
<script>
7777
import { Richtext} from 'dhx-richtext-package';
78-
import 'dhx-richtext-package/codebase/richtext.css';
78+
import 'dhx-richtext-package/dist/richtext.css';
7979
</script>
8080
~~~
8181

82-
Note that depending on the used package, the source files can be minified. In this case make sure that you are importing the CSS file as **richtext.min.css**.
83-
8482
- if you use the trial version of RichText, specify the following paths:
8583

8684
~~~html title="Richtext.vue"
8785
<script>
8886
import { Richtext} from '@dhx/trial-richtext';
89-
import '@dhx/trial-richtext/codebase/richtext.css';
87+
import '@dhx/trial-richtext/dist/richtext.css';
9088
</script>
9189
~~~
9290

@@ -99,7 +97,7 @@ To display Richtext on the page, you need to create a container for RichText and
9997
~~~html {} title="Richtext.vue"
10098
<script>
10199
import { Richtext} from "@dhx/trial-richtext";
102-
import "@dhx/trial-richtext/codebase/richtext.css";
100+
import "@dhx/trial-richtext/dist/richtext.css";
103101
104102
export default {
105103
mounted() {
@@ -186,7 +184,7 @@ Go to the ***Richtext.vue*** file and apply the passed **props** to the RichText
186184
~~~html {} title="Richtext.vue"
187185
<script>
188186
import { Richtext} from "@dhx/trial-richtext";
189-
import "@dhx/trial-richtext/codebase/richtext.css";
187+
import "@dhx/trial-richtext/dist/richtext.css";
190188
191189
export default {
192190
props: ["value"],
@@ -216,7 +214,7 @@ You can also use the [`setValue()`](api/methods/set-value.md) method inside the
216214
~~~html {} title="Richtext.vue"
217215
<script>
218216
import { Richtext} from "@dhx/trial-richtext";
219-
import "@dhx/trial-richtext/codebase/richtext.css";
217+
import "@dhx/trial-richtext/dist/richtext.css";
220218
221219
export default {
222220
props: ["value"],

0 commit comments

Comments
 (0)