Coder Social home page Coder Social logo

Comments (9)

leo1200 avatar leo1200 commented on August 25, 2024

An easy way to add custom image processing would be great too, i. e. I´d like to upload the images to Google Cloud Storage. You could for instance provide a function that receives the image data and returns a custom source.

from element-tiptap.

Leecason avatar Leecason commented on August 25, 2024

Hi leo, thanks for your issue.

Recently I will improve the Image extension, including your above features.

  • support update alt attribute
  • In the current version, you can pass uploadRequest to the Image extension when you instantiate it:
  new Image({
     uploadRequest (file: File): Promise<url> {
       // upload file to Google Cloud Storage

       return Promise.resolve(url); // return a Promise with your file source url
     },
  })

but now there is no uploading feedback, i will optimize it.

If you have any questions about this API, I will resolve it and deploy it with other image improvements.

from element-tiptap.

leo1200 avatar leo1200 commented on August 25, 2024

Thank you very very very much!!!!

from element-tiptap.

Leecason avatar Leecason commented on August 25, 2024

update image alt is available in version 1.17.0

from element-tiptap.

leo1200 avatar leo1200 commented on August 25, 2024

thanks 👍👍 element-tiptap will help me switch to an own little CMS solution for https://lernzettel.org/ :)

from element-tiptap.

leo1200 avatar leo1200 commented on August 25, 2024

[bug report] The image options are not visible in full-screen mode.

from element-tiptap.

leo1200 avatar leo1200 commented on August 25, 2024

And I am getting the following warning:
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "view". Expected EditorView, got Object
found in
--->
at packages/popover/src/main.vue






at src/App.vue

Any ideas on this? Thanks :)

from element-tiptap.

Leecason avatar Leecason commented on August 25, 2024

[bug report] The image options are not visible in full-screen mode.

Hey, i saw the problem and thought about it.
Using native fullscreen will just make the element fullscreen, but element-ui appends popover, tooltip etc. to the body, they're not in this element, so them not visible in fullscreen mode.
But if do not append them to the body, will also have rendering problems if the editor render in el-dialog.
So here I'm going to set position: fixed to the editor to make it "fullscreen" .
If you have a better suggestion, I would appreciate it very much.

from element-tiptap.

Leecason avatar Leecason commented on August 25, 2024

I have simply fixed these two problems and they are available now.
I am still thinking about other better methods.
If there are any other problems, welcome to submit an issue.
Thank you.

from element-tiptap.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.