jodit icon indicating copy to clipboard operation
jodit copied to clipboard

Jodit with react ignores HTML tags when editing.

Open bitpickle opened this issue 1 year ago • 0 comments

Jodit Version: 3.24.5

Browser: Chrome 110.0.5481.177 OS: Fedora Workstation 37 (Linux) Is React App: True

Code

    <FormGroup>
      <Label>{property.label}</Label>
      <JoditEditor
        ref={editorRef}
        value={content}
        config={{
          readonly: false,
          enableDragAndDropFileToEditor: false,
          uploader: {
            insertImageAsBase64URI: true,
          },
          useSplitMode: true,
          buttons: [...Jodit.defaultOptions.buttons, 'Emoji'],
        }}
        onBlur={(newContent) => handleBlur(newContent)}
      />
    </FormGroup>

Expected behavior: The editor should show the text style in real time when i'm editing the document.

Actual behavior: The editor shows the content in plain text, but saves the HTML correctly.

Gravação de tela de 2023-02-27 17-19-50.webm

In the video, I'm trying to make the text bold, it adds the <strong> tag, but the editor ignores it.

bitpickle avatar Feb 27 '23 20:02 bitpickle