OK. You pointed me in the right direction. I defined the necessary ckeditor variables in $:/plugins/bj/visualeditor/config.json to make uploading work. Now I have the upload tab. However, I still have a blocker. When I try to upload an image through ckeditor I get the following error in the console: *Status Code: 403 'X-Requested-With' header required to login to 'My ~TiddlyWiki'*. I feel like I'm almost there . . . My wiki is just a basic nodejs instance IP:8080. All my ckeditor files and upload folder are in the ./files folder. I have no authentication enabled. I'm not quite sure why I'm getting a 403. Googling it doesn't really give me a solution, so I'm thinking it's a TW-specific issue.
On Saturday, January 9, 2021 at 4:39:34 AM UTC-6 BJ wrote: > I don't have a problem with pasting images with my setup - I use 4.3.2 of > the ckeditor lib. However I do not past images dirrectly into ckeditor as > this creates large tiddlers. > > As tiddlywiki is a dynamic webpage, the plugin for ckeditor uses > javascript to call the ckeditor lib thru its api - it does not use the > script tags. I have included the abilty to add config information thru the > tiddler > $:/plugins/bj/visualeditor/config.json > > cheer > > BJ > > On Friday, January 8, 2021 at 10:26:05 PM UTC+1 bluespire wrote: > >> I don't want to use the native drag/drop/paste for images that TW5 uses. >> It's WAY to unwieldy for quickly taking notes and screenshots. I have to >> take these during meetings and presentations. CKeditor supports pasting >> images directly into the editor, but it requires a little bit >> configuration. If you can help me understand where in the code the editor >> is actually instantiated (the <script/> tags that call the editor), then I >> might be able to figure it out. I tried searching for it, but couldn't find >> it. >> >> On Friday, January 8, 2021 at 9:36:26 AM UTC-6 BJ wrote: >> >>> I am not sure what uloading means here - but if you select the tiddler >>> type to be 'text/x-htmlp' then you can use the tiddlywiki image syntax - >>> [img['path to image']] within the ckeditor. >>> On Thursday, January 7, 2021 at 4:06:08 AM UTC+1 bluespire wrote: >>> >>>> I've got it to work, for the most part. Now I'm struggling to figure >>>> out why I can't get file pasting and uploading to work (for screenshots). >>>> No matter what I try, I keep getting a console error about the upload >>>> variable not being set. Now, most of the examples that I see for setting >>>> this up use a JS script to instantiate ckeditor in the body of an HTML >>>> page. I'm not sure what the analog to that is in TW5. Anyone have any >>>> ideas >>>> on this? >>>> >>>> On Monday, December 28, 2020 at 12:23:54 PM UTC-6 bluespire wrote: >>>> >>>>> @Mark @ BJ >>>>> *Mark, that worked brilliantly*. FYI, it was working using the >>>>> cloudflare link, but I wanted to customize the package, and that can only >>>>> be done with a local file. >>>>> Thanks so much! >>>>> >>>>> BJ, can you update your documentation for this nodejs solution? >>>>> >>>>> On Sunday, December 27, 2020 at 9:58:12 PM UTC-6 Mark S. wrote: >>>>> >>>>>> On Sunday, December 27, 2020 at 7:42:14 PM UTC-8 bluespire wrote: >>>>>> >>>>>>> >>>>>>> - Current body of >>>>>>> "$:/plugin/bj/visualeditor/includelib": <script >>>>>>> >>>>>>> src='file:\\\c\users\Persona\Apps\TiddlyWikis\Personal\ckeditor\ckeditor.js'></script> >>>>>>> >>>>>>> I would be surprised if the browser allowed you mix a web page (even >>>>>> if local) with a local file path. >>>>>> >>>>>> Can you navigate to >>>>>> http://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.3.2/ckeditor.js ? >>>>>> >>>>>> (I can right now, but understand it may go down). >>>>>> >>>>>> If so, you might try changing src above to >>>>>> >>>>>> src="http://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.3.2/ckeditor.js >>>>>> " >>>>>> >>>>>> TW on node now has a way to serve up static files. Not sure if it >>>>>> will serve up js files though. But if you wanted your own offline (not >>>>>> on >>>>>> the net) version, you would need to serve up ckeditor.js somehow, I >>>>>> think. >>>>>> >>>>>> See >>>>>> https://tiddlywiki.com/#Using%20the%20integrated%20static%20file%20server >>>>>> >>>>>> So you would make a files directory, put ckeditor.js in it, and >>>>>> change src to the path ckeditor.js has on your local server. >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/94ae5824-ae8f-4313-b200-f1233203610fn%40googlegroups.com.
