Question about VisualEditor by BJ

[Taylor Nguyen]

Hi guys,

I was jumping for joy when I managed to get the VisualEditor plugin to load from CDN on the CKEditor v.4 website.

However, I wanted to customize the editor so I proceeded with the following steps on my DigitalOcean Ubuntu VPS:

1. npm install --save ckeditor4

• This installed the ckeditor to file path /root/node_modules/ckdeditor4

2. I followed BJ's plugin's instruction to modify $:/plugin/.../includelib with this script:

• <script src="file:///yourpath/ckeditor/ckeditor.js"></script>
• Specifically <script src="file:///root/node_modules/ckeditor4./node_modules/ckeditor4/ckeditor.js"></script>
• I also tried with just:
  • file:///root/node_modules/ckeditor4./node_modules/ckeditor4/ckeditor.js

When I saved and refreshed, the editor doesn't load.

Any one have any thoughts on what I'm doing wrong?

@BJ

[Mark S.]

Does it really go down node_modules twice? What is the "." after the "4" ? It kind of looks like two path types, absolute and relative, are glued together. Maybe a screen print?

[BJ]

As mark says your path looks a bit messed up.

I would suggest downloading from here

https://ckeditor.com/cke4/release/CKEditor-4.3.2

not all versions work well - I use this version.

[Taylor Nguyen]

That's weird now it was copy and pasted like that above; might have slipped my mind so early in the morning.

This is the file path (using Filezilla to access my DigitalOcean server).

From my Tiddlywiki:

And:

The "load from CDN link" seems to work the best, allowing the ckeditor to load.

• Is there a way to install extra ckeditor plugins via CDN? (extra plugins found here)
• I also found this instruction here (https://js.plus/docs/how-to-install-ckeditor-plugin-from-cdn) but I'm not savvy enough to understand Step 2, Step 3, Step 4.

• • Step 2: What does it mean to upload 'plugin content to my website'?
  • Step 3 and 4: Which file do I edit to input those codes?

Thanks for all your help.

Taylor

[BJ]

The CDN link sometime goes down - it is not 100% reliable.

It should be straight forward to download the library from the like I gave above.

1. are you using running tiddlywiki under nodejs - a file url will not work in this case.

2. to check that the browser can see your ckeditor library try typing the full pathname of the library in the browser ie file:///root/node_modules/ckeditor4/ckeditor.js - you should see the js code appear.

Once you have your local version working the instructions to include an plugin are here:

https://js.plus/docs/how-to-install-a-plugin-to-ckeditor

The config is exposed in the tiddler

$:/plugins/bj/visualeditor/config.json

[Taylor Nguyen]

Hi BJ,

I set up my tiddlywiki under NodeJS. What should I use instead of the file url?

[BJ]

it needs to be on 'localhost'

It is a bit more technical, there is a node module

https://www.npmjs.com/package/http-server

I have not looked at the details