diff --git a/packages/editor/core/src/styles/editor.css b/packages/editor/core/src/styles/editor.css
index 9da250dd1..85d881eeb 100644
--- a/packages/editor/core/src/styles/editor.css
+++ b/packages/editor/core/src/styles/editor.css
@@ -155,7 +155,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
}
}
-#tiptap-container {
+#editor-container {
table {
border-collapse: collapse;
table-layout: fixed;
diff --git a/packages/editor/core/src/ui/editor-container.tsx b/packages/editor/core/src/ui/editor-container.tsx
index fca24f962..8de6298b5 100644
--- a/packages/editor/core/src/ui/editor-container.tsx
+++ b/packages/editor/core/src/ui/editor-container.tsx
@@ -9,11 +9,11 @@ interface EditorContainerProps {
export const EditorContainer = ({ editor, editorClassNames, children }: EditorContainerProps) => (
{
editor?.chain().focus().run();
}}
- className={`tiptap-editor-container cursor-text ${editorClassNames}`}
+ className={`cursor-text ${editorClassNames}`}
>
{children}
diff --git a/packages/editor/core/src/ui/extensions/index.tsx b/packages/editor/core/src/ui/extensions/index.tsx
index 65fb7582d..b2d0a5c57 100644
--- a/packages/editor/core/src/ui/extensions/index.tsx
+++ b/packages/editor/core/src/ui/extensions/index.tsx
@@ -19,7 +19,7 @@ import { DeleteImage } from "@/types/delete-image";
import isValidHttpUrl from "@/ui/menus/bubble-menu/utils"
-export const TiptapExtensions = (
+export const CoreEditorExtensions = (
deleteFile: DeleteImage,
) => [
StarterKit.configure({
diff --git a/packages/editor/core/src/ui/hooks/useEditor.tsx b/packages/editor/core/src/ui/hooks/useEditor.tsx
index 66d904cf1..7f7629119 100644
--- a/packages/editor/core/src/ui/hooks/useEditor.tsx
+++ b/packages/editor/core/src/ui/hooks/useEditor.tsx
@@ -1,10 +1,10 @@
-import { useEditor as useCustomEditor, Editor, Extension, Node, Mark } from "@tiptap/react";
-import { useImperativeHandle, useRef, MutableRefObject, forwardRef } from "react";
+import { useEditor as useCustomEditor, Editor } from "@tiptap/react";
+import { useImperativeHandle, useRef, MutableRefObject } from "react";
import { useDebouncedCallback } from "use-debounce";
import { UploadImage } from '@/types/upload-image';
import { DeleteImage } from '@/types/delete-image';
-import { TiptapEditorProps } from "../props";
-import { TiptapExtensions } from "../extensions";
+import { CoreEditorProps } from "../props";
+import { CoreEditorExtensions } from "../extensions";
import { EditorProps } from '@tiptap/pm/view';
const DEBOUNCE_DELAY = 1500;
@@ -27,10 +27,10 @@ export const useEditor = ({ uploadFile, editable, deleteFile, editorProps = {},
const editor = useCustomEditor({
editable: editable ?? true,
editorProps: {
- ...TiptapEditorProps(uploadFile, setIsSubmitting),
+ ...CoreEditorProps(uploadFile, setIsSubmitting),
...editorProps,
},
- extensions: [...TiptapExtensions(deleteFile), ...extensions],
+ extensions: [...CoreEditorExtensions(deleteFile), ...extensions],
content: (typeof value === "string" && value.trim() !== "") ? value : "",
onUpdate: async ({ editor }) => {
// for instant feedback loop
diff --git a/packages/editor/core/src/ui/index.tsx b/packages/editor/core/src/ui/index.tsx
index ae2654e1c..2871075a8 100644
--- a/packages/editor/core/src/ui/index.tsx
+++ b/packages/editor/core/src/ui/index.tsx
@@ -9,7 +9,7 @@ import { useEditor } from './hooks/useEditor';
import { EditorContainer } from '@/ui/editor-container';
import { EditorContentWrapper } from '@/ui/editor-content';
-interface ITiptapEditor {
+interface ICoreEditor {
value: string;
uploadFile: UploadImage;
deleteFile: DeleteImage;
@@ -34,7 +34,7 @@ interface ITiptapEditor {
editorProps?: EditorProps;
}
-interface TiptapProps extends ITiptapEditor {
+interface EditorCoreProps extends ICoreEditor {
forwardedRef?: React.Ref;
}
@@ -43,7 +43,7 @@ interface EditorHandle {
setEditorValue: (content: string) => void;
}
-const TiptapEditor = ({
+const CoreEditor = ({
onChange,
debouncedUpdatesEnabled,
editable,
@@ -57,7 +57,7 @@ const TiptapEditor = ({
borderOnFocus,
customClassName,
forwardedRef,
-}: TiptapProps) => {
+}: EditorCoreProps) => {
const editor = useEditor({
onChange,
debouncedUpdatesEnabled,
@@ -83,10 +83,10 @@ const TiptapEditor = ({
);
};
-const TiptapEditorWithRef = React.forwardRef((props, ref) => (
-
+const CoreEditorWithRef = React.forwardRef((props, ref) => (
+
));
-TiptapEditorWithRef.displayName = "TiptapEditorWithRef";
+CoreEditorWithRef.displayName = "CoreEditorWithRef";
-export { TiptapEditor, TiptapEditorWithRef };
+export { CoreEditor, CoreEditorWithRef };
diff --git a/packages/editor/core/src/ui/props.tsx b/packages/editor/core/src/ui/props.tsx
index d2a0d8063..7a43005e7 100644
--- a/packages/editor/core/src/ui/props.tsx
+++ b/packages/editor/core/src/ui/props.tsx
@@ -3,7 +3,7 @@ import { findTableAncestor } from "@/lib/utils";
import { startImageUpload } from "@/ui/plugins/upload-image";
import { UploadImage } from "@/types/upload-image";
-export function TiptapEditorProps(
+export function CoreEditorProps(
uploadFile: UploadImage,
setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
): EditorProps {
diff --git a/packages/editor/lite-text-editor/src/ui/index.tsx b/packages/editor/lite-text-editor/src/ui/index.tsx
index ce87a39b3..85321fccb 100644
--- a/packages/editor/lite-text-editor/src/ui/index.tsx
+++ b/packages/editor/lite-text-editor/src/ui/index.tsx
@@ -6,7 +6,7 @@ import { FixedMenu } from './menus/fixed-menu';
export type UploadImage = (file: File) => Promise;
export type DeleteImage = (assetUrlWithWorkspaceId: string) => Promise;
-interface ITiptapEditor {
+interface ILiteTextEditor {
value: string;
uploadFile: UploadImage;
deleteFile: DeleteImage;
@@ -32,7 +32,7 @@ interface ITiptapEditor {
}
}
-interface TiptapProps extends ITiptapEditor {
+interface LiteTextEditorProps extends ILiteTextEditor {
forwardedRef?: React.Ref;
}
@@ -56,7 +56,7 @@ const LiteTextEditor = ({
customClassName,
forwardedRef,
commentAccessSpecifier,
-}: TiptapProps) => {
+}: LiteTextEditorProps) => {
const editor = useEditor({
onChange,
debouncedUpdatesEnabled,
@@ -87,7 +87,7 @@ const LiteTextEditor = ({
);
};
-const LiteTextEditorWithRef = React.forwardRef((props, ref) => (
+const LiteTextEditorWithRef = React.forwardRef((props, ref) => (
));
diff --git a/packages/editor/rich-text-editor/src/index.ts b/packages/editor/rich-text-editor/src/index.ts
index b5196a8b5..b7ef6bbe4 100644
--- a/packages/editor/rich-text-editor/src/index.ts
+++ b/packages/editor/rich-text-editor/src/index.ts
@@ -1,3 +1,3 @@
-import "./styles/github-dark.css";
+import "@/styles/github-dark.css";
export { RichTextEditor, RichTextEditorWithRef } from "@/ui";
diff --git a/packages/editor/rich-text-editor/src/ui/extensions/slash-command.tsx b/packages/editor/rich-text-editor/src/ui/extensions/slash-command.tsx
index 8fdb5ddcd..7d3b49ca6 100644
--- a/packages/editor/rich-text-editor/src/ui/extensions/slash-command.tsx
+++ b/packages/editor/rich-text-editor/src/ui/extensions/slash-command.tsx
@@ -315,7 +315,7 @@ const renderItems = () => {
// @ts-ignore
popup = tippy("body", {
getReferenceClientRect: props.clientRect,
- appendTo: () => document.querySelector("#tiptap-container"),
+ appendTo: () => document.querySelector("#editor-container"),
content: component.element,
showOnCreate: true,
interactive: true,
diff --git a/packages/editor/rich-text-editor/src/ui/index.tsx b/packages/editor/rich-text-editor/src/ui/index.tsx
index 8784ae17d..8794822a0 100644
--- a/packages/editor/rich-text-editor/src/ui/index.tsx
+++ b/packages/editor/rich-text-editor/src/ui/index.tsx
@@ -7,7 +7,7 @@ import { RichTextEditorExtensions } from './extensions';
export type UploadImage = (file: File) => Promise;
export type DeleteImage = (assetUrlWithWorkspaceId: string) => Promise;
-interface ITiptapEditor {
+interface IRichTextEditor {
value: string;
uploadFile: UploadImage;
deleteFile: DeleteImage;
@@ -23,7 +23,7 @@ interface ITiptapEditor {
debouncedUpdatesEnabled?: boolean;
}
-interface TiptapProps extends ITiptapEditor {
+interface RichTextEditorProps extends IRichTextEditor {
forwardedRef?: React.Ref;
}
@@ -46,7 +46,7 @@ const RichTextEditor = ({
borderOnFocus,
customClassName,
forwardedRef,
-}: TiptapProps) => {
+}: RichTextEditorProps) => {
const editor = useEditor({
onChange,
debouncedUpdatesEnabled,
@@ -74,7 +74,7 @@ const RichTextEditor = ({
);
};
-const RichTextEditorWithRef = React.forwardRef((props, ref) => (
+const RichTextEditorWithRef = React.forwardRef((props, ref) => (
));
diff --git a/space/styles/editor.css b/space/styles/editor.css
index 9da250dd1..85d881eeb 100644
--- a/space/styles/editor.css
+++ b/space/styles/editor.css
@@ -155,7 +155,7 @@ ul[data-type="taskList"] li[data-checked="true"] > div > p {
}
}
-#tiptap-container {
+#editor-container {
table {
border-collapse: collapse;
table-layout: fixed;
diff --git a/web/components/issues/draft-issue-form.tsx b/web/components/issues/draft-issue-form.tsx
index af0509551..cf1dd0f41 100644
--- a/web/components/issues/draft-issue-form.tsx
+++ b/web/components/issues/draft-issue-form.tsx
@@ -25,7 +25,7 @@ import { CreateLabelModal } from "components/labels";
// ui
import { CustomMenu, Input, PrimaryButton, SecondaryButton, ToggleSwitch } from "components/ui";
// components
-import { TiptapEditorWithRef } from "@plane/rich-text-editor";
+import { RichTextEditorWithRef } from "@plane/rich-text-editor";
// icons
import { SparklesIcon, XMarkIcon } from "@heroicons/react/24/outline";
// types
@@ -386,7 +386,7 @@ export const DraftIssueForm: FC = (props) => {
if (!value && !watch("description_html")) return <>>;
return (
- = (props) => {
{issueName && issueName !== "" && (