2016

It keeps the original formatting.

=E2=80=9C4. The server processes the HTTP request.The server has to process the upload request, save the image and return =a JSON containing a link to the uploaded image. The returned JSON needs =to look like: { link: 'path/to/image.jpg=E2=80=99 }=E2=80=9Dor if there is an error return {error: 'error message'}Make sure that there is nothing above or below this response as JSON is =sensitive to have any other =E2=80=9Cclutter=E2=80=9D in the response, =you will notice that in my code all line breaks etc are commented so =that the only visible code in a rendered page is:{ "filelink": "http://assets.mydomain.com.au/inspirations/[THISIMAGENAME =]=E2=80=9D }JSON is case sensitive.Kind regardsStuart TremainPharoah Lane SoftwareAUSTRALIAwebdna@idfk.com.au> On 28 Dec 2016, at 01:14, Palle Bo Nielsen =wrote:>=20> Hi Stuart>=20> Thanks for pushing me in the right direction.>=20> By using fragments of your code I have managed to actually catch the =image and store it locally. My next challenge would be to reply with a =JSON, which you so accurately guessed in your response to me.>=20> I would guess that your are delivering your Redactor feedback using =the code below, but (novice as I am using JSON) it does not look like a =JSO string to me=E2=80=A6>=20> -------------- TELL REDACTOR THE FILE NAME --------------=20> { "filelink": ="http://assets.mydomain.com.au/inspirations/[THISIMAGENAME =]=E2=80=9D }>=20> Are you actually telling my that the response to Froala could be as =simple as =E2=80=98printing=E2=80=99 something like this=E2=80=A6??>=20> http://qt.dk/dev/froala/image/inspirations/**the_file_name** =>=20> /Palle>=20>=20>=20>=20>=20>=20>=20>> On 20 Dec 2016, at 05.13, Stuart Tremain > wrote:>>=20>> Hi Palle>>=20>> I had a look at your test page and dragged an image into the text =area.>>=20>> Immediately after dragging the image an XHR fired up =(https://www.dropbox.com/s/yfdiqsw3vravfv8/Screen%20Shot%202016-12-20%20at=%2015.07.25.png?dl=3D0 =). This is where you need to have a WebDNA page =to capture and save the image.>>=20>> I am using a similar system called Redactor to drag & drop images to =a text area =(https://www.dropbox.com/s/n7hfeemss2w4i0j/Screen%20Shot%202016-12-20%20at=%2015.07.08.png?dl=3D0 =), you can see the XHR image-s1.dna file that =fired when I dropped the image in the text area.>>=20>> The image-s1.dna file captures the image, uses imagemagick to resize =it, then moves the image to an Amazon S3 server, deletes the uploaded =image and sends back to redactor JSON data about the file.>>=20>> It looks as if you do not have a file to capture the image data.>>=20>> On line 447 of your rendered code you will find this:>>=20>>=20>> // Set the image upload URL.>> imageUploadURL: '/dev/froala/image=E2=80=99,>>=20>> What you need to do is put a WebDNA file at that location to capture =the file & store it. So set an upload url e.g.:=20>>=20>> // Set the image upload URL.>> imageUploadURL: '/dev/froala/image/image-capture.dna=E2=80=99,>>=20>> In image-capture.dna put>>=20>> [formvariables][name]:[value]>> [/formvariables]>>=20>> in the page. You will be able to see what data is being passed, then =you just need to handle the data and save the file. I would presume that =Froala will require a response, probably JSON formatted.>>=20>>=20>> Here is the contents of my image-s1.dna file: PLEASE NOTE THAT THIS =SITE IS IN A SANDBOX>>=20>> #####################################################>> [!] -------------- _IMAGE START --------------=20>> [/!][TEXT]IMAGEFILENAME=3D[/TEXT][!]>> [/!][TEXT]CELLSIZE=3D118[/TEXT][!]>> [/!][TEXT]SHORTPATH=3D../../../imageprocessing/inspirations[/TEXT][!]>> [/!][TEXT]LONGPATH=3D/var/www/imageprocessing/inspirations[/TEXT][!]>> [/!][FORMVARIABLES name=3DFILE&exact=3DF][!]>> [/!][HIDEIF [URL][value][/URL]=3D][!]>> [/!][SHOWIF [url][name][/url]^[url]name=3D"[/url]][!]>> [/!][HIDEIF =[url][name][/url]^[url]filename=3D"[/url]][TEXT show=3DT][MIDDLE =StartAfter=3Dname=3D"&endbefore=3D"][name][/MIDDLE]=3D[value][/TEXT][/HIDE=IF][!]>> [/!][/SHOWIF][!]>> [/!][SHOWIF [url][name][/url]^[url]filename=3D"[/url]][!]>> [/!][TEXT]FULLFILENAME=3D[MIDDLE =StartAfter=3Dfilename=3D"&endbefore=3D"][name][/MIDDLE][/TEXT][!]>> [/!][listwords =words=3D[FULLFILENAME]&delimiters=3D:/\][TEXT]THISIMAGENAME=3D[MATH]{[date=]}[/MATH][MATH]{[time]}[/MATH]-[LOWERCASE][convertchars =db=3D^noillegals.db][word][/convertchars][/LOWERCASE][/TEXT][/listwords][!=]>> -------------- write the file to upload dir =-------------->> [/!][HIDEIF [FULLFILENAME]=3D][!]>> ------------------- IMAGEMAGICK =----------------->> [/!][WRITEFILE =Secure=3DF&File=3D[SHORTPATH]/[THISIMAGENAME]][value][/WRITEFILE][!]>> =[/!][TEXT]IMAGEWIDTH=3D[CELLSIZE][/TEXT][!]>> =[/!][TEXT]IMAGEHEIGHT=3D[CELLSIZE][/TEXT][!]>> [/!][TEXT]IMAGEQUALITY=3D80[/TEXT][!]>> [/!][TEXT]IMAGESWITCH=3D![/TEXT][!] ! =3D =exactly this size=20>> [/!][TEXT]IMAGEPATH=3D[LONGPATH][/TEXT][!]=>> =[/!][TEXT]IMAGEFILENAME=3D[THISIMAGENAME][/TEXT][!]>> [/!][TEXT]QUIET=3D[SHELL =scriptid=3DT3IMAGERESIZE][/SHELL][/TEXT][!]>> =09>> ------------------- MOVE THE IMAGES TO =S3 ----------------->> [/!][LISTFILES path=3D[SHORTPATH]/][!]>> [/!][TEXT]THISS3CMD=3Ds3cmd put =--acl-public /var/www/imageprocessing/inspirations/[FILENAME] =s3://assets.mydomain.com.au/inspirations/ = =--add-header=3DCache-Control:max-age=3D2592000 =--config=3D/usr/lib/cgi-bin/WebCatalogEngine/SandBoxes/MYSANDBOX/Globals/.=awards-s3cfg[/TEXT][!]>> [/!][TEXT]QUIET=3D[SHELL =scriptid=3DAWSS3][/SHELL][/TEXT][!]=09>> [/!][/LISTFILES][!]>>=20>> ------------------- REMOVE ALL FILES =FROM ORIGINALS/THUMBS etc ----------------->> [/!][LISTFILES =path=3D[SHORTPATH]/][DELETEFILE =file=3D[SHORTPATH]/[FILENAME]][/LISTFILES][!]>> =09>> [/!][/HIDEIF][!]>> [/!][/SHOWIF][!]>> [/!][/HIDEIF][!]>> [/!][/FORMVARIABLES][!]=20>> -------------- TELL REDACTOR THE FILE NAME --------------=20>> [/!]{ "filelink": ="http://assets.mydomain.com.au/inspirations/[THISIMAGENAME =]=E2=80=9D }>> #####################################################>>=20>>=20>> Kind regards>>=20>> Stuart Tremain>> Pharoah Lane Software>> AUSTRALIA>> webdna@idfk.com.au >>=20>>=20>>=20>>=20>>=20>>=20>>> On 18 Dec 2016, at 00:29, Palle Bo Nielsen > wrote:>>>=20>>> Hi Stuaty>>>=20>>> Thanks for your interest.>>>=20>>> Ok, let me repeat the baseline just make sure we do not =misunderstand the setup.>>>=20>>> I have made test page which uses the Froala framework with the aim =of using the function of drag=E2=80=99n=E2=80=99drop and image into the =TextArea field, only to be catched/saved Server Side and presented =Client Side as per the concept of Froala. I need this solution on my =next website which is currently under development. So basically WebDNA =as Server Side and Froala as Client Side.>>>=20>>> You will find my test set up at the follow URL (id: a - pswd: a)>>>=20>>> http://qt.dk/dev/froala/image/ >>>=20>>> Information about the Froala client is here (wysiwyg html editor)>>>=20>>> https://www.froala.com/wysiwyg-editor/ =>>>=20>>> But more important. Information about the Image drag=E2=80=99n=E2=80=99=drop into Textarea her=E2=80=A6>>>=20>>> https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload =>>>=20>>> You suggested to include a [FormVariables =E2=80=A6] on the page. I =already did and therefor you can already find debug information at the =bottom of the page (qt.dk =E2=80=A6)>>>=20>>> So the actual Froala Framework is setup and it works. M=C3=BD =challenge is to get the drag=E2=80=99ndrop image into textarea to work. =I am not sure how to catch the file from the Froala framework to start =with. Maybe I already did but again then I do not know how to store it =(save) server side.>>>=20>>> I would really appreciate some guidance to get this working and I =will make sure the final result will be shared within the webdna =community as well as webdna.us and froala.com =.>>>=20>>> You also mention that =E2=80=9C...=46rom what I see in the script, =the receiving url for the file is: imageUploadURL: '/upload_image=E2=80=99=, =E2=80=A6=E2=80=9D. You might look at the wrong place as the =ImageUploadUrl is: "/dev/froala/image">>>=20>>> /Palle>>>=20>>>=20>>>=20>>>> On 15 Dec 2016, at 23.15, Stuart Tremain > wrote:>>>>=20>>>> Hi Palle>>>>=20>>>> Thanks for the link, now I can see what is going on.>>>>=20>>>> =46rom what I see in the script, the receiving url for the file is:=20=>>>>=20>>>> // Set the image upload URL.>>>>=20>>>> imageUploadURL>>>> : '/upload_image',>>>>=20>>>>=20>>>> If you put [FormVariables =name=3D&exact=3DF][name]=3D[value]
[/FormVariables] on this page and =then post the results, I will be able to see what is going on, you can =do this by looking at the XHRs results in your browser.>>>>=20>>>>=20>>>>=20>>>>=20>>>> Kind regards>>>>=20>>>> Stuart Tremain>>>> Pharoah Lane Software>>>> AUSTRALIA>>>> webdna@idfk.com.au >>>>=20>>>>=20>>>>=20>>>>=20>>>>=20>>>>=20>>>>> On 16 Dec 2016, at 07:25, Palle Bo Nielsen = wrote:>>>>>=20>>>>> Hi Stuart>>>>>=20>>>>> Please stop me if am using to much of your time, but=E2=80=A6>>>>>=20>>>>> First of all. If I understand your code correctly then it assumes =that a formvariable exist by the name of <=E2=80=9C_UPLOADEDFILENAME=E2=80==9D> (your example), in my case it should be <=E2=80=9Cfile_name=E2=80=9D>= hence the =E2=80=98imageUploadParam=E2=80=99 which is set in the JS =code.>>>>>=20>>>>> https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload>>>>>=20>>>>> But the [formvariables=E2=80=A6] does not result in any variable =by that name or any other which is relevant for this proces which leaves =me in a situation where I have nothing to catch from the JS/Image File =supposedly being uploaded.>>>>>=20>>>>> I think I understand the rest of the code but it is a prerequisite =than the formvariable is being identified and catched, right?>>>>>=20>>>>> /Palle>>>>>=20>>>>>=20>>>>>=20>>>>>> On 14 Dec 2016, at 21.52, Stuart Tremain =wrote:>>>>>>=20>>>>>> Hi Palle>>>>>>=20>>>>>> You will find that the file is being uploaded in a =multipart/form-data form, therefore you need to deal with the contents =in a different way rather than as name valued pairs.>>>>>>=20>>>>>> Try this to capture the file name and it=E2=80=99s contents, I =have pulled it out of some working code:>>>>>>=20>>>>>> [TEXT]UPLOAD-DIRECTORY=3D../../pdfuploads/pdf-files[/TEXT]>>>>>>=20>>>>>>=20>>>>>> [FORMVARIABLES name=3D_UPLOADEDFILENAME&exact=3DF]>>>>>> [HIDEIF [URL][value][/URL]=3D]>>>>>> [SHOWIF [url][name][/url]^[url]name=3D"[/url]]>>>>>> [HIDEIF [url][name][/url]^[url]filename=3D"[/url]]=>>>>>> [TEXT][MIDDLE =StartAfter=3Dname=3D"&endbefore=3D"][name][/MIDDLE]=3D[value][/TEXT]>>>>>> [/HIDEIF]>>>>>> [/SHOWIF]>>>>>> [SHOWIF [url][name][/url]^[url]filename=3D"[/url]]>>>>>> [TEXT]FULLFILENAME=3D[MIDDLE =StartAfter=3Dfilename=3D"&endbefore=3D"][name][/MIDDLE][/TEXT]>>>>>> [listwords words=3D[FULLFILENAME]&delimiters=3D:/\=]>>>>>> =[TEXT]THISFILENAME=3D[LOWERCASE][convertchars =db=3D^noillegals.db][word][/convertchars][/LOWERCASE][/TEXT]>>>>>> [/listwords]>>>>>> [!]-------------- write the file to =[UPLOAD-DIRECTORY] --------------[/!]>>>>>> [SHOWIF [FULLFILENAME]=3D]>>>>>> [TEXT]UPLOADMESSAGE=3DNo file was chosen =to upload.[/TEXT]>>>>>> [/SHOWIF]>>>>>> [HIDEIF [FULLFILENAME]=3D]>>>>>> [WRITEFILE =Secure=3DF&file=3D[UPLOAD-DIRECTORY]/[THISFILENAME]][value][/WRITEFILE]>>>>>> [TEXT]UPLOADMESSAGE=3D[THISFILENAME] was =added to the pdf-files directory.[/TEXT]>>>>>> [/HIDEIF]>>>>>> [/SHOWIF]>>>>>> [/HIDEIF]>>>>>> [/FORMVARIABLES]>>>>>>=20>>>>>>=20>>>>>>=20>>>>>>=20>>>>>> noillegals.db file contents:>>>>>>=20>>>>>> fromto>>>>>> _>>>>>> #=09>>>>>> @=09>>>>>> ,=09>>>>>> ;=09>>>>>> $=09>>>>>> !=09>>>>>> /=09>>>>>> \=09>>>>>> :=09>>>>>> +=09>>>>>> +=09>>>>>> *=09>>>>>> (=09>>>>>> )=09>>>>>> &=09>>>>>> ^=09>>>>>> %=09>>>>>> <=09>>>>>>> =09>>>>>> ~=09>>>>>> `=09>>>>>> [=09>>>>>> ]=09>>>>>> {=09>>>>>> }=09>>>>>> "=09>>>>>> '=09>>>>>> ?=09>>>>>> =3D=09>>>>>> _>>>>>> ==E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2==80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80==93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=END OF =FILE=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93==E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2==80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80==93>>>>>>=20>>>>>>=20>>>>>>=20>>>>>> Kind regards>>>>>>=20>>>>>> Stuart Tremain>>>>>> Pharoah Lane Software>>>>>> AUSTRALIA>>>>>> webdna@idfk.com.au>>>>>>=20>>>>>>=20>>>>>>=20>>>>>>=20>>>>>>=20>>>>>>=20>>>>>>> On 15 Dec 2016, at 04:26, Palle Bo Nielsen = wrote:>>>>>>>=20>>>>>>> Hi Tom>>>>>>>=20>>>>>>> Thanks for the tip. It gave me the name of the file and the file =type but not the actual file content.>>>>>>>=20>>>>>>> So why is it that I am able to get this data within a =sendmail/lformvariables context when I can not get it without the the =sendmail?>>>>>>>=20>>>>>>> /Palle>>>>>>>=20>>>>>>>=20>>>>>>>> On 14 Dec 2016, at 16.08, Tom Duke =wrote:>>>>>>>>=20>>>>>>>> Palle,>>>>>>>>=20>>>>>>>> Set your 'imageUploadURL' to a WedDNA page.>>>>>>>>=20>>>>>>>> Then on that page add a [sendmail] to yourself with a =[formvariables] in the body of the email:>>>>>>>>=20>>>>>>>> [sendmail =to=3Dmyemail@email.com&from=3Dfroala@email.com&subject=3DFroala Editor =Upload Params]>>>>>>>>=20>>>>>>>> [formvariables][name]:[value]
>>>>>>>> [/formvariables]>>>>>>>>=20>>>>>>>> [/sendmail]>>>>>>>>=20>>>>>>>> That will show you what data is being passed by the editor. =You should then be able to parse and deal with it. You *might* need to =change the 'imageUploadMethod' to 'post'.>>>>>>>>=20>>>>>>>> There is info in the archives on how to deal with image uploads =(i.e http://webdna.us/page.dna?numero=3D58031).>>>>>>>>=20>>>>>>>> - Tom>>>>>>>>=20>>>>>>>>=20>>>>>>>>=20>>>>>>>>=20>>>>>>>> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D==3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D>>>>>>>> Digital Revolutionaries>>>>>>>> 1st Floor, Castleriver House>>>>>>>> 14-15 Parliament Street>>>>>>>> Temple Bar,Dublin 2>>>>>>>> Ireland>>>>>>>> ---------------------------------------------->>>>>>>> [t]: + 353 1 4403907>>>>>>>> [e]: >>>>>>>> [w]: >>>>>>>> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D==3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D>>>>>>>>=20>>>>>>>> On 14 December 2016 at 11:06, Palle Bo Nielsen = wrote:>>>>>>>> So I stated a project page where a lot is running as it should.>>>>>>>>=20>>>>>>>> Current problem is that I need to make the form accept the =drag/drop image into the Textarea form which is supported by Froala. It =depends on some JS code=E2=80=A6>>>>>>>>=20>>>>>>>> imageUploadParam: 'file_name',>>>>>>>> imageUploadURL: '/dev/froala/image',>>>>>>>> imageUploadMethod: 'PUT',>>>>>>>> imageMaxSize: 1024 * 1024 * 3,>>>>>>>> imageAllowedTypes: ['jpeg', 'jpg', 'png'],>>>>>>>> =09>>>>>>>> How can i extract the =E2=80=9CimageUploadParam=E2=80=9D into =WebDNA and how do I catch and store it=E2=80=A6?>>>>>>>>=20>>>>>>>> =E2=80=9C...The upload flow for the image is quite simple and =it is explained here: =https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload. First =of all you have to tell the editor where to make the upload request =(imageUploadURL). Then, your server should catch the request, store the =image and then return a response in JSON format that looks like this: { =link: 'path/to/image.jpg' }=E2=80=A6">>>>>>>>=20>>>>>>>> If you have anything to add/contribute or just being helpful =then visits http://www.qt.dk/dev/froala/image/ (id and pass is lowercase ==E2=80=98a=E2=80=99).>>>>>>>>=20>>>>>>>> /Palle>>>>>>>>=20>>>>>>>>=20>>>>>>>>>=20>>>>>>>>>=20>>>>>>>>>=20>>>>>>>>>=20>>>>>>>>>> On 17 Nov 2016, at 07.55, Stuart Tremain =wrote:>>>>>>>>>>=20>>>>>>>>>> Hey Palle>>>>>>>>>>=20>>>>>>>>>> I had a bit of a look at this, it seems that Froala want a =JSON response: such as ={"link":"https://i.froala.com/download/6143ec97622356aaeb01df3b648b11a0f31=76636.jpg?1479365089=E2=80=9D}>>>>>>>>>>=20>>>>>>>>>> You can see this by viewing what the AJAX is returning.>>>>>>>>>>=20>>>>>>>>>> I did have a bit of trouble making JSON work properly on a =server a while ago, the response needs to be handled properly through =Apache & webdna without any spaces at the beginning. If you have =problems, I will have a dig around for what I did to fix it for a system =that I developed.>>>>>>>>>>=20>>>>>>>>>>=20>>>>>>>>>>=20>>>>>>>>>> Kind regards>>>>>>>>>>=20>>>>>>>>>> Stuart Tremain>>>>>>>>>> Pharoah Lane Software>>>>>>>>>> AUSTRALIA>>>>>>>>>> webdna@idfk.com.au>>>>>>>>>>=20>>>>>>>>>>=20>>>>>>>>>>=20>>>>>>>>>>=20>>>>>>>>>>=20>>>>>>>>>>=20>>>>>>>>>>> On 7 Nov. 2016, at 02:15, Palle Bo Nielsen = wrote:>>>>>>>>>>>=20>>>>>>>>>>> Evening all>>>>>>>>>>>=20>>>>>>>>>>> Some of you might know the Froala Javascript Editor which in =my opinion is a great editor. The editor enabled a lot of function =within a textarea which for me works great. One of the function where I =have not been able to make it work is the the image function where you =can drag and drop an image to the textarea - the image is being uploaded =and displayed in the textarea. The reason for me not being able to make =it work is that the Froala Editor expects some handling server side and =I can not figure it out. The great thing is that I have WebDNA to =provide me with the server side stuff; the bad thing is that I can not =see what is needed.>>>>>>>>>>>=20>>>>>>>>>>> =https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload>>>>>>>>>>>=20>>>>>>>>>>> Any care to join me in making it happen?>>>>>>>>>>>=20>>>>>>>>>>> The result could be used by Froala as an official WebDNA SDK =just as an PHP has been published. This could benefit the WebDNA =community.>>>>>>>>>>>=20>>>>>>>>>>> https://www.froala.com/wysiwyg-editor>>>>>>>>>>>=20>>>>>>>>>>> https://www.froala.com/wysiwyg-editor/docs>>>>>>>>>>>=20>>>>>>>>>>> I hope for a positive response :)>>>>>>>>>>>=20>>>>>>>>>>> /Palle>>>>>>>>>>>=20>>>>>>>>>>>=20>>>>>>>>>>>=20>>>>>>>>>>>=20>>>>>>>>>>> --------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>>>>>>>=20>>>>>>>>>> --------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>>>>>>=20>>>>>>>>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>>>>>=20>>>>>>>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>>>>>=20>>>>>>>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>>>>=20>>>>>>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>>>=20>>>>>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>>=20>>>>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>>=20>>>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us>>>=20>>> --------------------------------------------------------->>> This message is sent to you because you are subscribed to>>> the mailing list >.>>> To unsubscribe, E-mail to: >>>> archives: http://mail.webdna.us/list/talk@webdna.us =>>> Bug Reporting: support@webdna.us >>=20>> --------------------------------------------------------- This =message is sent to you because you are subscribed to the mailing list . =To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us = Bug Reporting: =support@webdna.us > --------------------------------------------------------- This message =is sent to you because you are subscribed to the mailing list . To =unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us--Apple-Mail=_34371C57-6032-4518-89CD-88F733CF7230Content-Transfer-Encoding: quoted-printableContent-Type: text/html;charset=utf-8Hi Palle

Merry Christmas.

According to the Froala docs:

https://froala.com/wysiwyg-editor/docs/concepts/image/upload

=E2=80=9C4. =The server processes the HTTP request.

The server has to =process the upload request, save the image and return a JSON containing =a link to the uploaded image. The returned JSON needs to look like: { =link: 'path/to/image.jpg=E2=80=99 }=E2=80=9D

or if there is an error =return {error: 'error message'}

Make sure that there is nothing above =or below this response as JSON is sensitive to have any other ==E2=80=9Cclutter=E2=80=9D in the response, you will notice that in my =code all line breaks etc are commented so that the only visible code in =a rendered page is:

{ "filelink": "http://assets.mydomain.com.au/inspirations/[THISIMAGENAME]=E2==80=9D }

JSON =is case sensitive.

Kind regards

Stuart Tremain

Pharoah Lane =Software

AUSTRALIA

webdna@idfk.com.au

On 28 Dec 2016, at 01:14, Palle Bo Nielsen <powerpalle@powerpalle.dk> wrote:

Hi Stuart

Thanks for pushing me in =the right direction.

By using fragments of your code I have managed to actually =catch the image and store it locally. My next challenge would be to = reply with a JSON, which you so accurately guessed in your =response to me.

I would guess that your are delivering your Redactor feedback =using the code below, but (novice as I am using JSON) it does not look =like a JSO string to me=E2=80=A6

-------------- TELL REDACTOR THE =FILE NAME --------------
{ "filelink": "http://assets.mydomain.com.au/inspirations/[THISIMAGENAME]=E2==80=9D }

Are you actually telling my that the response to Froala could =be as simple as =E2=80=98printing=E2=80=99 something like =this=E2=80=A6??

http://qt.dk/dev/froala/image/inspirations/**the_file_name**

/Palle

On 20 Dec 2016, at 05.13, =Stuart Tremain <webdna@idfk.com.au> wrote:

Hi Palle

I had a look at your =test page and dragged an image into the text area.

Immediately after =dragging the image an XHR fired up (https://www.dropbox.com/s/yfdiqsw3vravfv8/Screen%20Shot%202016-=12-20%20at%2015.07.25.png?dl=3D0). This is where you need to have a =WebDNA page to capture and save the image.

I am using a similar system called =Redactor to drag & drop images to a text area (https://www.dropbox.com/s/n7hfeemss2w4i0j/Screen%20Shot%202016-=12-20%20at%2015.07.08.png?dl=3D0), you can see the XHR image-s1.dna =file that fired when I dropped the image in the text area.

The image-s1.dna file =captures the image, uses imagemagick to resize it, then moves the image =to an Amazon S3 server, deletes the uploaded image and sends back to =redactor JSON data about the file.

It looks as if you do not have a file =to capture the image data.

On line 447 of your rendered code you will find =this:

// Set the image upload =URL.
imageUploadURL: ='/dev/froala/image=E2=80=99,

What you need to do is put a WebDNA =file at that location to capture the file & store it. So set an =upload url e.g.:

// Set the image upload URL.
imageUploadURL: ='/dev/froala/image/image-capture.dna=E2=80=99,

In image-capture.dna =put

[formvariables][name]:[value]
[/formvariables]

in the page. You will be able to see what data is being =passed, then you just need to handle the data and save the file. I would =presume that Froala will require a response, probably JSON =formatted.

Here is the contents of my image-s1.dna =file: PLEASE NOTE THAT THIS SITE IS IN A SANDBOX

#####################################################
[!] -------------- _IMAGE START =--------------
[/!][TEXT]IMAGEFILENAME=3D[/TEXT][!]
[/!][TEXT]CELLSIZE=3D118[/TEXT][!]
[/!][TEXT]SHORTPATH=3D../../../imageprocessing/inspirations[/TE=XT][!]
[/!][TEXT]LONGPATH=3D/var/www/imageprocessing/inspirations[/TEX=T][!]
[/!][FORMVARIABLES =name=3DFILE&exact=3DF][!]
=[/!][HIDEIF [URL][value][/URL]=3D][!]
=[/!][SHOWIF [url][name][/url]^[url]name=3D"[/url]][!]
=[/!][HIDEIF [url][name][/url]^[url]filename=3D"[/url]][TEXT= show=3DT][MIDDLE =StartAfter=3Dname=3D"&endbefore=3D"][name][/MIDDLE]=3D[value][/TEXT][/=HIDEIF][!]
=[/!][/SHOWIF][!]
=[/!][SHOWIF [url][name][/url]^[url]filename=3D"[/url]][!]
=[/!][TEXT]FULLFILENAME=3D[MIDDLE =StartAfter=3Dfilename=3D"&endbefore=3D"][name][/MIDDLE][/TEXT][!]
=[/!][listwords =words=3D[FULLFILENAME]&delimiters=3D:/\][TEXT]THISIMAGENAME=3D[MATH]{[=date]}[/MATH][MATH]{[time]}[/MATH]-[LOWERCASE][convertchars =db=3D^noillegals.db][word][/convertchars][/LOWERCASE][/TEXT][/listwords][!=]
-------------- =write the file to upload dir --------------
=[/!][HIDEIF [FULLFILENAME]=3D][!]
=------------------- IMAGEMAGICK -----------------
=[/!][WRITEFILE =Secure=3DF&File=3D[SHORTPATH]/[THISIMAGENAME]][value][/WRITEFILE][!]
=[/!][TEXT]IMAGEWIDTH=3D[CELLSIZE][/TEXT][!]
==[/!][TEXT]IMAGEHEIGHT=3D[CELLSIZE][/TEXT][!]
=[/!][TEXT]IMAGEQUALITY=3D80[/TEXT][!]
=[/!][TEXT]IMAGESWITCH=3D![/TEXT][!] ! =3D exactly =this size
=[/!][TEXT]IMAGEPATH=3D[LONGPATH][/TEXT][!]
==[/!][TEXT]IMAGEFILENAME=3D[THISIMAGENAME][/TEXT][!]
=[/!][TEXT]QUIET=3D[SHELL =scriptid=3DT3IMAGERESIZE][/SHELL][/TEXT][!]
=
=------------------- MOVE THE IMAGES TO S3 =-----------------
=[/!][LISTFILES path=3D[SHORTPATH]/][!]
=[/!][TEXT]THISS3CMD=3Ds3cmd put --acl-public =/var/www/imageprocessing/inspirations/[FILENAME] s3://assets.mydomain.com.au/inspirations/ =--add-header=3DCache-Control:max-age=3D2592000 =--config=3D/usr/lib/cgi-bin/WebCatalogEngine/SandBoxes/MYSANDBOX/Globals/.=awards-s3cfg[/TEXT][!]
=[/!][TEXT]QUIET=3D[SHELL scriptid=3DAWSS3][/SHELL][/TEXT][!]=
=[/!][/LISTFILES][!]

=------------------- REMOVE ALL FILES FROM =ORIGINALS/THUMBS etc -----------------
=[/!][LISTFILES path=3D[SHORTPATH]/][DELETEFILE =file=3D[SHORTPATH]/[FILENAME]][/LISTFILES][!]
=
=[/!][/HIDEIF][!]
=[/!][/SHOWIF][!]
=[/!][/HIDEIF][!]
[/!][/FORMVARIABLES][!]
-------------- TELL REDACTOR THE FILE NAME =--------------
[/!]{ "filelink": "http://assets.mydomain.com.au/inspirations/[THISIMAGENAME]=E2==80=9D }
#####################################################

Kind =regards

Stuart =Tremain
Pharoah Lane Software
AUSTRALIA
webdna@idfk.com.au

On 18 Dec 2016, at 00:29, Palle Bo Nielsen <powerpalle@powerpalle.dk> wrote:

Hi =Stuaty

Thanks for your interest.

Ok, let me repeat the baseline just make sure =we do not misunderstand the setup.

I have =made test page which uses the Froala framework with the aim of using the =function of drag=E2=80=99n=E2=80=99drop and image into the TextArea =field, only to be catched/saved Server Side and presented Client Side as =per the concept of Froala. I need this solution on my next website which =is currently under development. So basically WebDNA as Server Side and =Froala as Client Side.

You will find my =test set up at the follow URL (id: a - pswd: a)

http://qt.dk/dev/froala/image/

Information about the Froala client is here (wysiwyg html =editor)

https://www.froala.com/wysiwyg-editor/

But more important. Information about the Image =drag=E2=80=99n=E2=80=99drop into Textarea her=E2=80=A6

https://www.froala.com/wysiwyg-editor/docs/concepts/image/uploa=d

You suggested to include a =[FormVariables =E2=80=A6] on the page. I already did and therefor you =can already find debug information at the bottom of the page (qt.dk =E2=80=A6)

So the actual Froala Framework is setup and it works. M=C3=BD =challenge is to get the drag=E2=80=99ndrop image into textarea to work. =I am not sure how to catch the file from the Froala framework to start =with. Maybe I already did but again then I do not know how to store it =(save) server side.

I would really =appreciate some guidance to get this working and I will make sure the =final result will be shared within the webdna community as well as webdna.us and froala.com.

You also mention that =E2=80=9C...=46rom what I see in the =script, the receiving url for the file is: imageUploadURL: ='/upload_image=E2=80=99, =E2=80=A6=E2=80=9D. You might look at the wrong =place as the ImageUploadUrl is: "/dev/froala/image"

/Palle

On 15 Dec 2016, at =23.15, Stuart Tremain <webdna@idfk.com.au> wrote:

Hi Palle

Thanks for the link, =now I can see what is going on.

=46rom what =I see in the script, the receiving url for the file is:
// Set the image upload URL.

= imageUploadURL
: ='/upload_image',

If you put =[FormVariables =name=3D&exact=3DF][name]=3D[value]<br>[/FormVariables] on this =page and then post the results, I will be able to see what is going on, =you can do this by looking at the XHRs results in your browser.

Kind regards

Stuart Tremain
Pharoah Lane Software
AUSTRALIA
webdna@idfk.com.au

On 16 =Dec 2016, at 07:25, Palle Bo Nielsen <powerpalle@powerpalle.dk> wrote:

Hi Stuart

Please stop me if = am using to much of your time, but=E2=80=A6

First of all. If I understand your code correctly then it =assumes that a formvariable exist by the name of =<=E2=80=9C_UPLOADEDFILENAME=E2=80=9D> (your example), in my case =it should be <=E2=80=9Cfile_name=E2=80=9D> hence the ==E2=80=98imageUploadParam=E2=80=99 which is set in the JS code.

https://www.froala.com/wysiwyg-editor/docs/concepts/image/uploa=d

But the [formvariables=E2=80=A6] does =not result in any variable by that name or any other which is relevant =for this proces which leaves me in a situation where I have nothing to =catch from the JS/Image File supposedly being uploaded.

I think I understand the rest of the code but it is a =prerequisite than the formvariable is being identified and catched, =right?

/Palle

On 14 Dec 2016, at 21.52, Stuart Tremain =<webdna@idfk.com.au> wrote:

Hi =Palle

You will find that the file is being =uploaded in a multipart/form-data form, therefore you need to deal with =the contents in a different way rather than as name valued pairs.

Try this to capture the file name and it=E2=80=99=s contents, I have pulled it out of some working code:

[TEXT]UPLOAD-DIRECTORY=3D../../pdfuploads/pdf-files[/TEXT]

[FORMVARIABLES =name=3D_UPLOADEDFILENAME&exact=3DF]
[HIDEIF =[URL][value][/URL]=3D]
[SHOWIF =[url][name][/url]^[url]name=3D"[/url]]
[HIDEIF =[url][name][/url]^[url]filename=3D"[/url]]
=[TEXT][MIDDLE =StartAfter=3Dname=3D"&endbefore=3D"][name][/MIDDLE]=3D[value][/TEXT]===[/HIDEIF]
[/SHOWIF]
[SHOWIF =[url][name][/url]^[url]filename=3D"[/url]]
=[TEXT]FULLFILENAME=3D[MIDDLE =StartAfter=3Dfilename=3D"&endbefore=3D"][name][/MIDDLE][/TEXT]
===[listwords words=3D[FULLFILENAME]&delimiters=3D:/\]
====[TEXT]THISFILENAME=3D[LOWERCASE][convertchars =db=3D^noillegals.db][word][/convertchars][/LOWERCASE][/TEXT]
===[/listwords]
[!]-------------- write the file =to [UPLOAD-DIRECTORY] --------------[/!]
[SHOWIF =[FULLFILENAME]=3D]
[TEXT]UPLOADMESSAGE=3DNo file was =chosen to upload.[/TEXT]
[/SHOWIF]
[HIDEIF =[FULLFILENAME]=3D]
[WRITEFILE =Secure=3DF&file=3D[UPLOAD-DIRECTORY]/[THISFILENAME]][value][/WRITEFILE=]
====[TEXT]UPLOADMESSAGE=3D[THISFILENAME] was added to the pdf-files =directory.[/TEXT]
[/HIDEIF]
=[/SHOWIF]
[/HIDEIF]
[/FORMVARIABLES]

noillegals.db file contents:

fromto
_
#=
@
,
;=
$
!
/=
\
:
+=
+
*
(=
)
&
^=
%
<

~
`
[=
]
{
}=
"
'
?=
=3D
_
=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93==E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2==80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80==93=E2=80=93END OF =FILE=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93==E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2==80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80=93=E2=80==93

Kind =regards

Stuart Tremain
Pharoah =Lane Software
AUSTRALIA
webdna@idfk.com.au

On 15 =Dec 2016, at 04:26, Palle Bo Nielsen <powerpalle@powerpalle.dk> =wrote:

Hi Tom

Thanks for the tip. It gave me the name of the file and the =file type but not the actual file content.

So= why is it that I am able to get this data within a =sendmail/lformvariables context when I can not get it without the the =sendmail?

/Palle

On 14 Dec =2016, at 16.08, Tom Duke <tom@revolutionaries.ie> wrote:

Palle,

Set your ='imageUploadURL' to a WedDNA page.

Then on =that page add a [sendmail] to yourself with a [formvariables] in the =body of the email:

[sendmail =to=3Dmyemail@email.com&from=3Dfroala@email.com&subject=3DFroala =Editor Upload Params]

[formvariables][name]:[value]<br />
[/formvariables]

[/sendmail]

That will show you what data is being passed =by the editor. You should then be able to parse and deal with it. =You *might* need to change the 'imageUploadMethod' to 'post'.

There is info in the archives on how to deal =with image uploads (i.e http://webdna.us/page.dna?numero=3D58031).

- Tom

=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D==3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
Digital Revolutionaries
1st Floor, =Castleriver House
14-15 Parliament Street
Temple Bar,Dublin 2
Ireland
----------------------------------------------
[t]: + 353 1 4403907
[e]: =<mailto:tom@revolutionaries.ie>
[w]: =<http://www.revolutionaries.ie/>
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D==3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=

On 14 December 2016 at 11:06, Palle Bo =Nielsen <powerpalle@powerpalle.dk> wrote:
So I =stated a project page where a lot is running as it should.

Current problem is that I need to make the =form accept the drag/drop image into the Textarea form which is =supported by Froala. It depends on some JS code=E2=80=A6
=imageUploadParam: 'file_name',
=imageUploadURL: '/dev/froala/image',
=imageUploadMethod: 'PUT',
=imageMaxSize: 1024 * 1024 * 3,
=imageAllowedTypes: ['jpeg', 'jpg', 'png'],

How can i extract the =E2=80=9CimageUploadParam=E2=80=9D into =WebDNA and how do I catch and store it=E2=80=A6?

=E2=80=9C...The upload flow for the image is quite simple and =it is explained here: =https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload. First =of all you have to tell the editor where to make the upload request =(imageUploadURL). Then, your server should catch the request, store the =image and then return a response in JSON format that looks like this: { =link: 'path/to/image.jpg' }=E2=80=A6"

If =you have anything to add/contribute or just being helpful then visits =http://www.qt.dk/dev/froala/image/ (id and pass is lowercase ==E2=80=98a=E2=80=99).

/Palle

On 17 Nov 2016, at =07.55, Stuart Tremain <webdna@idfk.com.au> wrote:

Hey Palle

I had a bit of a look =at this, it seems that Froala want a JSON response: such as ={"link":"https://i.froala.com/download/6143ec97622356aaeb01df3b648b11a0f31=76636.jpg?1479365089=E2=80=9D}

You can see =this by viewing what the AJAX is returning.

I= did have a bit of trouble making JSON work properly on a server a while =ago, the response needs to be handled properly through Apache & =webdna without any spaces at the beginning. If you have problems, I will =have a dig around for what I did to fix it for a system that I =developed.

Kind= regards

Stuart Tremain
Pharoah= Lane Software
AUSTRALIA
webdna@idfk.com.au

On 7 Nov. 2016, at 02:15, Palle Bo Nielsen =<powerpalle@powerpalle.dk> wrote:

Evening all

Some of you might =know the Froala Javascript Editor which in my opinion is a great editor. =The editor enabled a lot of function within a textarea which for me =works great. One of the function where I have not been able to make it =work is the the image function where you can drag and drop an image to =the textarea - the image is being uploaded and displayed in the =textarea. The reason for me not being able to make it work is that the =Froala Editor expects some handling server side and I can not figure it =out. The great thing is that I have WebDNA to provide me with the server =side stuff; the bad thing is that I can not see what is needed.

https://www.froala.com/wysiwyg-editor/docs/concepts/image/uploa=d

Any care to join me in making it =happen?

The result could be used by Froala =as an official WebDNA SDK just as an PHP has been published. This could =benefit the WebDNA community.

https://www.froala.com/wysiwyg-editor

https://www.froala.com/wysiwyg-editor/docs

I hope for a positive response :)

/Palle

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: =http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

--------------------------------------------------------- =This message is sent to you because you are subscribed to the mailing =list . To unsubscribe, E-mail to: archives: http://mail.webdna.us/list/talk@webdna.us Bug Reporting: =support@webdna.us

---------------------------------------------------------
This message is sent to you because you are subscribed to
the mailing list <talk@webdna.us>.
To unsubscribe, E-mail =to: <talk-leave@webdna.us>
archives: http://mail.webdna.us/list/talk@webdna.us
Bug= Reporting: support@webdna.us

---------------------------------------------------------This message is sent to you because you are subscribed tothe mailing list .To unsubscribe, E-mail to: archives: http://mail.webdna.us/list/talk@webdna.usBug Reporting: support@webdna.us

---------------------------------------------------------This message is sent to you because you are subscribed tothe mailing list .To unsubscribe, E-mail to: archives: http://mail.webdna.us/list/talk@webdna.usBug Reporting: support@webdna.us