If it is a picture pasted by others, it will not be uploaded?

[xu zhi bin]

If it is a picture pasted by others, it will not be uploaded?

[Vinitha Jeyakumar]

Hi xu,

Can you please provide us with some more details about your reported issue for our better understanding,

• Video illustration of issue replication.
• Share the entire code snippet.
• What is your use case scenario?
• If possible, please share us with the issue reproducing runnable sample.

Regards,

Vinitha

[xu zhi bin]

I want to copy an image and paste it into rich text, but the url I paste in is local and will not be automatically uploaded to the server.

<ejs-richtexteditor :beforePasteCleanup="beforePasteCleanup" :imageUploadSuccess="onImageUploadSuccess"  :imageSelected="imageSelected" :imageUploading="ImageUploadingEventArgs" :toolbarSettings="toolbarSettings" v-model="model.Content" :insertImageSettings="insertImageSettings" ref="defaultRTE" :height="400">

</ejs-richtexteditor>

insertImageSettings: {
  saveUrl: 'https://*******'),
  allowedTypes: ['.jpg','.png'],
  path: "",

},

[xu zhi bin]

I will not automatically upload the pasted pictures to the server. Only local blobs can be saved automatically. In this case, the browser will restart and the image will not be displayed.

[Vinitha Jeyakumar]

Hi Xu,

If you want to upload the pasted images to the server, you need to inject the PasteCleanup module. please check the sample below for your reference.

Code snippet:

<ejs-richtexteditor :toolbarSettings="toolbarSettings" :insertImageSettings="insertImageSettings">

                 

 </ejs-richtexteditor>

export default {

 name: "App",

  components: {

    "ejs-richtexteditor": RichTextEditorComponent,

  },

  data() {

    return {

        toolbarSettings: {

            items: ['Image']

        },

        insertImageSettings: {

        path: "https://localhost:44329/Uploads/",

        saveUrl: "https://localhost:44329/Home/SaveImage",

        }

    };

  },

 provide:{

    richtexteditor:[Toolbar, Link, Image, HtmlEditor, PasteCleanup]

}   

};

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Vue_RTE_past1281498100

Server-side: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Image_Upload_Paste122112117

Regards,

Vinitha

[xu zhi bin]

thank you.

[xu zhi bin]

In the official documents, where can I find all the modules?

I may not learn by myself. Are these things documented?

[xu zhi bin]

https://ej2.syncfusion.com/vue/documentation/rich-text-editor/toolbar/

It seems that PasteCleanup cannot be found in the document. How can I learn the most comprehensive component document?

[Vinitha Jeyakumar]

Hi xu,

Query 1. "In the official documents, where can I find all the modules?"

Please find the documentation link below,

https://ej2.syncfusion.com/vue/documentation/rich-text-editor/getting-started/#module-injection

Query 2. "It seems that PasteCleanup cannot be found in the document. How can I learn the most comprehensive component document?"

Here is the link for PasteCleanup module,

Documentation: https://ej2.syncfusion.com/vue/documentation/rich-text-editor/paste-cleanup/

Demos: https://ej2.syncfusion.com/vue/demos/#/material/rich-text-editor/paste-cleanup.html

Regards,

Vinitha

[xu zhi bin]

Thank you. I may not have seen the translation software that is difficult to use in English. There was an introduction at the beginning.

[Vinitha Jeyakumar]

Hi xu,

We are glad to assist you. please get back to us if you need any further assistance.

Regards,

Vinitha