ckeditor
This commit is contained in:
parent
1c8af369f3
commit
b200a7a4a2
@ -1,3 +1,5 @@
|
|||||||
|
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
|
||||||
|
import { CKEditor } from "@ckeditor/ckeditor5-react";
|
||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import { useDispatch, useSelector } from "react-redux";
|
import { useDispatch, useSelector } from "react-redux";
|
||||||
import { Link } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
@ -12,9 +14,6 @@ import { apiRequest } from "@api/request";
|
|||||||
import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
|
import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
|
||||||
import TrackerTaskComment from "@components/TrackerTaskComment/TrackerTaskComment";
|
import TrackerTaskComment from "@components/TrackerTaskComment/TrackerTaskComment";
|
||||||
|
|
||||||
import { CKEditor } from '@ckeditor/ckeditor5-react';
|
|
||||||
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
|
|
||||||
|
|
||||||
import archive from "assets/icons/archive.svg";
|
import archive from "assets/icons/archive.svg";
|
||||||
import arrow from "assets/icons/arrows/arrowStart.png";
|
import arrow from "assets/icons/arrows/arrowStart.png";
|
||||||
import fullScreen from "assets/icons/arrows/inFullScreen.svg";
|
import fullScreen from "assets/icons/arrows/inFullScreen.svg";
|
||||||
@ -377,18 +376,31 @@ export const ModalTiсket = ({
|
|||||||
editor={ClassicEditor}
|
editor={ClassicEditor}
|
||||||
data={inputsValue.description}
|
data={inputsValue.description}
|
||||||
config={{
|
config={{
|
||||||
removePlugins: ['CKFinderUploadAdapter', 'CKFinder', 'EasyImage', 'Image', 'ImageCaption', 'ImageStyle', 'ImageToolbar', 'ImageUpload', 'MediaEmbed', 'BlockQuote', ]
|
removePlugins: [
|
||||||
|
"CKFinderUploadAdapter",
|
||||||
|
"CKFinder",
|
||||||
|
"EasyImage",
|
||||||
|
"Image",
|
||||||
|
"ImageCaption",
|
||||||
|
"ImageStyle",
|
||||||
|
"ImageToolbar",
|
||||||
|
"ImageUpload",
|
||||||
|
"MediaEmbed",
|
||||||
|
"BlockQuote",
|
||||||
|
],
|
||||||
}}
|
}}
|
||||||
onChange={(event, editor) => {
|
onChange={(event, editor) => {
|
||||||
const data = editor.getData();
|
const data = editor.getData();
|
||||||
setInputsValue((prevValue) => ({
|
setInputsValue((prevValue) => ({
|
||||||
...prevValue,
|
...prevValue,
|
||||||
description: data,
|
description: data,
|
||||||
}))
|
}));
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<p dangerouslySetInnerHTML={{__html: inputsValue.description}} />
|
<p
|
||||||
|
dangerouslySetInnerHTML={{ __html: inputsValue.description }}
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
{/*<img src={taskImg} className="image-task"></img>*/}
|
{/*<img src={taskImg} className="image-task"></img>*/}
|
||||||
</div>
|
</div>
|
||||||
|
@ -509,7 +509,12 @@ export const ProjectTracker = () => {
|
|||||||
{task.title}
|
{task.title}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p dangerouslySetInnerHTML={{__html: task.description}} className="tasks__board__item__description"></p>
|
<p
|
||||||
|
dangerouslySetInnerHTML={{
|
||||||
|
__html: task.description,
|
||||||
|
}}
|
||||||
|
className="tasks__board__item__description"
|
||||||
|
></p>
|
||||||
<div className="tasks__board__item__info">
|
<div className="tasks__board__item__info">
|
||||||
<div className="tasks__board__item__info__more">
|
<div className="tasks__board__item__info__more">
|
||||||
<img src={commentsBoard} alt="commentsImg" />
|
<img src={commentsBoard} alt="commentsImg" />
|
||||||
|
Loading…
Reference in New Issue
Block a user