javascript - Paste screenshot into a textarea using Paste.js, but how would you transmit it to Rails? -


i'm working on solution allows paste screenshots directly textarea in rails, parsed markdown lateron.

i found neat paste.js library captures clipboard, detects whether string or image pasted, , reacts upon images converting them base64 string can used image.

being is, paste.js offers needed paste simple image tag textarea this:

![some alt text](data:image/png;base64,ivborw0kggoaa...suvork5cyii=)

but clutter whole textarea, base64 strings can become very, long. i'd inserted placeholder so:

![some alt text](blob:3857c1cf-1a68-4549-bc0d-aa18af25bb82)

and then, in hidden input field, i'd send base64 data:

<input type="hidden" name="post[content][screenshots][3857c1cf-1a68-4549-bc0d-aa18af25bb82]" value="data:image/png;base64,ivborw0kggoaa...suvork5cyii=" />

my question now: how implement on server side in rails? want save them regular files under uploads, store uploads carrierwave.

i don't want them uploaded automatically when pasted, users can cancel when creating or editing post, , don't want upload space cluttered images not in use.

also, don't want images (once saved) removed server again, e.g. when removing reference blog post, blog posts versioned (using papertrail) , references exist in old versions, think it's sensible keep old images.

do think makes sense? or miss something? there limitations don't see (e.g. upload limit of long base64 strings)?

maybe there other libraries doing same? know github issues support feature, couldn't find out how did it, , don't allow pasting screenshots in firefox, either (which supported paste.js).

i had exact requirement blog. thank tip paste.js; implemented , wrote write up.

i used following approach implement it.

  • user pastes image textarea
  • paste.js captures base64/png data
  • ajax payload server
  • server convert jpeg
  • save on server
  • return markdown link front end
  • append markdown link textarea's content

i want change last point can remember location of user's cursor , insert there, opposed appending end.


Comments

Post a Comment

Popular posts from this blog

How to connect android app to App engine -

i'm trying connect app in android server i've opened on appengine. my server's name : dddd-daniel-2345 , website server : http://dddd-daniel-2345.appspot.com/ this how connect android app server in app engine: app.yaml: application: dddd-daniel-2345 version: 1 runtime: python27 api_version: 1 threadsafe: yes handlers: - url: .* script: main.app libraries: - name: webapp2 version: "2.5.2" main.py: #!/usr/bin/env python # # copyright 2007 google inc. google.appengine.api import users import webapp2 class userhandler(webapp2.requesthandler): def get(self): user = users.get_current_user() if user: greeting = ('%s,%s,%s' % (user.email(),user.user_id(),user.nickname())) else: greeting = ('not logged in') self.response.out.write(greeting) app = webapp2.wsgiapplication([('/', userhandler),], debug=true) my applications code : add manifast main....
Read more

gcc - MinGW's ld cannot perform PE operations on non PE output file -

i know there other similar questions out there, stackoverflow or not. i've researched lot this, , still didn't find single solution. i'm doing operative system side project. i've been doing in assembly, wanna join c code. test, made assembly code file (called test.asm): [bits 32] global _a section .text _a: jmp $ then made c file (called main.c): extern void a(void); int main(void) { a(); } to link, used file (called make.bat): "c:\mingw\bin\gcc.exe" -ffreestanding -c -o c.o main.c nasm -f coff -o asm.o test.asm "c:\mingw\bin\ld.exe" -ttext 0x100000 --oformat binary -o out.bin c.o asm.o pause i've been researching ages, , i'm still struggling find answer. hope won't flagged duplicate. acknowledge existence of similar questions, have different answers, , none work me. question: what doing wrong? old mingw versions had problem "ld" not able create non-pe files @ all. maybe current versions...
Read more

php - display validation error message next to the textbox in codeigniter -

Image
i'm newbie codeigniter.i want display error message next text box.my view file create.php contains following code. <?php echo validation_errors(); //validation echo form_open('news/create'); //create form ?> <div class="boxes"> <div class="common"> <div class="lables"> <label for="name">name</label> </div> <div class="text_boxes"> <input type="text" name="uname" /><div id="infomessage"><?php echo $message;?></br> </div> </div>` and below controller model: public function create() { $this->load->helper('form'); $this->load->library('form_validation'); $data['title'] = 'insert items'; $this->form_validation->set_rules('uname','required|min_length[6]|m...
Read more