How to avoid pasting selected text from clipborad without images?

[leochiu-a]

Summary

How to avoid pasting selected text from clipborad without images? Because images pasted from clipborad will become base64 encoding, but generally do not want the database to store base64 encoding images, so I hope to avoid pasting text exclude images.

Version

3.1.3

[jwlee1108]

It's not a easy thing. There won't be a simple way to deal with it. It would need to handle prosemirror. But I guess you can make an plugin for this issue. We did open plugin interface for keymap (#2647)

[cryozerolabs]

You can add a hook and it will be called the hook when uploading or pasting this image to OSS. This is my code. @leochiu-a

// ~ template
// ==================

<Editor
  ref="toastuiEditor"
  height="500px"
  :options="editorOptions"
  initial-edit-type="markdown"
></Editor>

// ~ script
// ==================

export default {
  data() {
    ...
    return {
      editorOptions: {
        hooks: {
          addImageBlobHook: (blob, callback) => {
            // upload image
            UploadApi.uploadImg(blob).then(res => {
              callback(res.data.data, 'img')
            })
          },
        },
      },
    }
  },
}

[leochiu-a]

@williamsun1993 Thank you for your reply. It is seams like the way to upload image, but what I want is prevent pasting text from clipboard which maybe includes images. These images will be transformed to base64 encoding even doesn't trigger addImageBlobHook.

[stale[bot]]

This issue has been automatically marked as inactive because there hasn’t been much going on it lately. It is going to be closed after 7 days. Thanks!

[stale[bot]]

This issue will be closed due to inactivity. Thanks for your contribution!