diff --git a/wax-questions-service/src/EssayService/components/EssayQuestionComponent.js b/wax-questions-service/src/EssayService/components/EssayQuestionComponent.js index 0be2916098fadb644c3c34414ec0f6ca3cb2334a..278368d6a31c7a889b7ddfb3f8fbf3ba90da22d3 100644 --- a/wax-questions-service/src/EssayService/components/EssayQuestionComponent.js +++ b/wax-questions-service/src/EssayService/components/EssayQuestionComponent.js @@ -109,7 +109,7 @@ const EssayQuestionComponent = ({ node, view, getPos }) => { }; finalPlugins = finalPlugins.concat([ - createPlaceholder('Type your essay question'), + createPlaceholder('Type your essay item'), ...plugins, ]); diff --git a/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js b/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js index 6ddb82cee023359d451fa31d76cbed605e7f8d9d..9a94fd2e19093c698f742953b63e5c46e3ce2303 100644 --- a/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js +++ b/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js @@ -3,6 +3,8 @@ import React, { useContext, useRef, useEffect } from 'react'; import styled from 'styled-components'; import { EditorView } from 'prosemirror-view'; import { EditorState, TextSelection, NodeSelection } from 'prosemirror-state'; +import { dropCursor } from 'prosemirror-dropcursor'; +import { gapCursor } from 'prosemirror-gapcursor'; import { StepMap } from 'prosemirror-transform'; import { keymap } from 'prosemirror-keymap'; import { baseKeymap, chainCommands } from 'prosemirror-commands'; @@ -20,6 +22,7 @@ const EditorWrapper = styled.div` border: none; display: flex; flex: 2 1 auto; + width: 100%; justify-content: left; .ProseMirror { @@ -32,7 +35,7 @@ const EditorWrapper = styled.div` } :empty::before { - content: 'Type your question'; + content: 'Type your item'; color: #aaa; float: left; font-style: italic; @@ -63,7 +66,7 @@ const QuestionEditorComponent = ({ node, view, getPos, - placeholderText = 'Type your question', + placeholderText = 'Type your item', }) => { const editorRef = useRef(); @@ -78,7 +81,7 @@ const QuestionEditorComponent = ({ return editable; }); - let finalPlugins = [FakeCursorPlugin()]; + let finalPlugins = [FakeCursorPlugin(), gapCursor(), dropCursor()]; const createKeyBindings = () => { const keys = getKeys();