search

nhn / tui.editor

🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
http://ui.toast.com/tui-editor
MIT License
16.94k stars 1.72k forks source link

Placeholder does not appear #3113

Open anuj9196 opened 1 year ago

anuj9196 commented 1 year ago

Describe the bug

When I pass placeholder, the placeholder turns into grey text with a grey background.

Screenshot 2023-07-08 at 2 52 03 PM Screenshot 2023-07-08 at 2 52 37 PM 
  private defaultConfig: EditorConfig = {
    height: '300px',
    minHeight: '200px',
    initialEditType: 'wysiwyg',
    previewStyle: 'tab',
    previewHighlight: false,
    usageStatistics: false,
    language: 'en-US',
    useCommandShortcut: true,
    hideModeSwitch: false,
    placeholder: 'Enter text...'
  }

Expected behavior

The placeholder should appear clear.

Desktop (please complete the following information):

Additional context

Add any other context about the problem here.

jaeho-lee104 commented 1 week ago

This problem can be solved by modifying css.

.ProseMirror .placeholder {
  color: #343A3E;
  background-color: transparent;
}