search

eee-c / ice-code-editor

Combination code editor (ACE) and Preview for quick feedback prototyping
Other
117 stars 31 forks source link

Include images to ice code editor #104

Closed FireBreakerXD closed 5 years ago

FireBreakerXD commented 8 years ago

Hello Community, I´m German so please ignore my grammar and spelling mistakes. In Germany every stundent, wich is in a gymnasium, has to write a KoLei. A KoLei is an big essay with a practical part like a survay. For my practical part, I had choosen the subject informatic and want to build our school in ice code editor. It´s very easy to program the floor, windows, doors and so on. My problem is, that i can´t find a way to include images to my project. The best way is to change the MashBasicMaterial into my Image at my Computer, but i can´t find a function or a code to do that. Can you help me?

eee-c commented 7 years ago

Thinking that we'd like a dialog that shows images currently uploaded along with space remaining. Possible with rename functionality.

In the actual code editor, possibly expose a global image variable for use in the code.

eee-c commented 6 years ago

Ideally, we'd like to be able to intercept both of these cases:

  1. new THREE.TextureLoader().load('/3de/earth.png')
  2. <img src="/3de/blah.png">

For this ticket, we're going to worry about the first option, getting the second only if convenient.

Might be able to override load() in three.js.

Other nice to -have autocomplete based on filename. Should also be a way to list images that have been uploaded. Also have to worry about sharing & downloading. All of this may require service workers, so #132 may end up blocking this ticket (reminder: service workers do work on localhost).

START with overloading load() and move from there.

eee-c commented 6 years ago

Remaining in this ticket:

After upload, show message indicating success and how to use image. On the List dialog, include instructions for using images.

eee-c commented 6 years ago

Clicking on images should copy the path to clipboard so kids can paste into the editor (add fading dialog saying "copied to clipboard"). Also add instructions for copy & paste. Make sure tests still pass. Write test for image list dialog?

eee-c commented 6 years ago

All that's left is to add a clipboard icon, do a quick code review, and write a test or two.