Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Moved editor configuration to separate file

Browse source
This commit is contained in:
Simon Backx 2022-07-08 10:07:43 +02:00
parent d9a7062454
commit a2d5e51c76
2 changed files with 37 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
apps/comments-ui/src/components/AddForm.js
View file

@ -3,38 +3,14 @@ import {Transition} from '@headlessui/react';
import AppContext from '../AppContext';
import Avatar from './Avatar';
import {useEditor, EditorContent} from '@tiptap/react';
import Placeholder from '@tiptap/extension-placeholder';
import Text from '@tiptap/extension-text';
import Link from '@tiptap/extension-link';
import Paragraph from '@tiptap/extension-paragraph';
import Document from '@tiptap/extension-document';
import { getEditorConfig } from '../utils/editor';
const AddForm = (props) => {
const {member, postId, onAction} = useContext(AppContext);
const editor = useEditor({
extensions: [
Document,
Text,
Paragraph,
Link.configure({
openOnClick: false,
// Add these HTML attributes to all the <a> links
// Warning: we need to do backend changes to make sure the sanitizer always picks the same class for links
HTMLAttributes: {
class: 'underline'
}
}),
Placeholder.configure({
placeholder: 'Join the discussion'
})
],
content: '',
autofocus: false,
editorProps: {
attributes: {
class: `focus:outline-0`
}
}
...getEditorConfig({
placeholder: 'Join the discussion'
})
});
const focused = editor?.isFocused || !editor?.isEmpty;

33
apps/comments-ui/src/utils/editor.js Normal file
View file

@ -0,0 +1,33 @@
import Placeholder from '@tiptap/extension-placeholder';
import Text from '@tiptap/extension-text';
import Link from '@tiptap/extension-link';
import Paragraph from '@tiptap/extension-paragraph';
import Document from '@tiptap/extension-document';
export function getEditorConfig({placeholder}) {
return {
extensions: [
Document,
Text,
Paragraph,
Link.configure({
openOnClick: false,
// Add these HTML attributes to all the <a> links
// Warning: we need to do backend changes to make sure the sanitizer always picks the same class for links
HTMLAttributes: {
class: 'underline'
}
}),
Placeholder.configure({
placeholder
})
],
content: '',
autofocus: false,
editorProps: {
attributes: {
class: `focus:outline-0`
}
}
};
}