"file://" breaks href in CKEditor - ckeditor

So I'm using CKEditor (4.4.7) through a Redmine plugin for my project. I've spent 2 whole days now searching this issue and have tried a bunch of things to no avail, so I am tapping out and asking for help. What is happening is that when I attempt to use the "file://" syntax for a link in the editor, it appears to break the HTML href operation.
This is what I have written:
My Drive Link
This is what the CKEditor ends up generating for my page:
<a>My Drive Link</a>
If I replace the "file://" with say "http://", then it works fine:
Link to Google
Result:
Link to Google
Just to make sure I am writing this correctly, using Chrome's developer tool, I change the line of HTML on my page with exactly what I have written and the link now works beautifully. It seems CKEditor doesn't know what to do with the "file://" part. Can anyone shed some light on this?
I have tried a number of customization tricks with the editor config file to force the "< a>" to have an 'href', but nothing has worked so far.

Related

TYPO3 rte_ckeditor plugin

I try to insert a FontAwesome plugin in CKEditor.
https://github.com/brstuff/ckawesome
externalPlugins:
ckawesome:
resource: "EXT:siteconfig/Resources/Public/JavaScripts/RTE/Plugins/ckawesome/plugin.js"
I copied the Font Awesome fonts and CSS in that folder and the RTE gives a button which popups the dialog.
However the console gives me a "Uncaught TypeError: $(...).select2 is not a function"
In plugin.js is:
CKEDITOR.scriptLoader.load(CKEDITOR.plugins.getPath('ckawesome') + 'resources/select2/select2.full.min.js');
This path is correct, however should a script in this way be loaded on a different method with TYPO3 CKEditor?
First of all, perhaps this extension solves the issue
https://github.com/DirkPersky/rte-ckeditor-fontawesome
it add font awesome, so no need for you to reinvent that wheel :-)
Second, if you really want to found out why your own solution doesn't work, try and find out, what path
CKEDITOR.scriptLoader.load(CKEDITOR.plugins.getPath('ckawesome') + 'resources/select2/select2.full.min.js');
resolves to, perhaps something is wrong there.

Three.js Example code, from StackOverflow, not working

I copied and pasted the Three.js code given here into an HTML file and downloaded the three.js package from the website, and configured the <script> tag to point to the location of the file three.min.js.
Nonetheless, when I open the HTML file, it displays a blank white screen.
What am I missing?
well I tryed the exact same thing and I'm seeing the wireframe cube rotating on screen. A few things to try.
1) drop the three.min.js right in the root folder and copy/paste the example code again without any alterations.
2) did you get the three.min.js from the zip package under the build directory? Or did you navigate the git repo and copy/paste it? If copy/paste was used be sure to click the "Raw" button to get the code without the wrapper HTML.
3) try the latest Firefox or Chrome browsers first. If it works there but not in say Safari, there are a few steps you need to take to enable WebGL in Safari first.
4) your video card may be blacklisted due to driver incompatibilities.
If none of these help, then post up the code, where you got the Three.js package, what browser and video card your using and I'll see what else I can do to help :)
I had the same problem. Windows hides the file extensions by default. I change it in folder options and it worked.

ckeditor: mediaembed plugin won't work

I'm using CKEditor for my site.
Now I found the plugin called "MediaEmbed". I need it for embedding YouTube videos.
I installed it and the integration worked fine, but embedding won't work.
When you paste the code into the text area in the embedding dialog and then click on OK in IE and Chrome nothing happens and in Firefox it just adds a image as a flash-content-placeholder.
Let's say the flash-content-placeholder image would be just in the wysiwyg interface, but then i should get the embed code when I click on "view source" - but no, there you just see the source of the placeholder image div and img tag.
Then let's say the embed code is saved internally, so I save the file I create with CKEditor, and the out I get is just what I entered without the stuff the MediaEmbed plugin has generated at all.
How to fix this?
Please help!
Yours Joern.
use firebug and see, it'll be giving a cross domain error. the plugin has a bug. use try catch in the place where is accesses the windows.name property for a workaround.
Try istead ckeditor youtube plugin

How can I try this jquery plugin - Galleria?

Ok. I have some experience with HTML and CSS, little with Javascript and none with JQuery.
And I'm trying to try out in my HTML file the Galleria plugin with fullscreen theme but I can't make it work. ( http://galleria.aino.se/ )
It only show the empty page with no pictures. I took the source code from the demo page and I pasted in my page and after some little modifications with the url of the theme, I managed to have on my screen only the image, without the "mechanism". Any help?
I think the instructions were made for an old release of the plugin and that's the reason I can't get it work.
P.S. I found a ready made demo on googlecode, but I can't get the fullscreen feature. Any help?
Try passing debug:true to yield more errors if you are seeing a blank page. Regarding customizations, try the documentation and API reference.

CakePHP is interrupting images

I am using fckEditor as text editor. When i upload images thru it the images were uploaded to app/webroot/fckeditor/images.
And when they're embedded it looks like
/fckfiles/SalmonSashimi.jpg
Until now it looks right.
But the image doesn't appear.
So when I browse the image directly, at here
http://www.in-culture.info/fckfiles/SalmonSashimi.jpg
instead of displaying the URL, Cake interrupts the image call and trying to render it in a layout. I often face this error when I point .html file for iframe scroller and .xml file for flash embedding. This is really embarrassing
You can see the page here
http://www.in-culture.info/events/view/42
That image should appear before the text - "More" dont appear for short text.
Thanks for you help.
Try to change the path where the images are saved. Instead of
/app/webroot/fckeditor/images
try to change to
/app/webroot/img/fckeditor/
I believe that it's possible.
It's resolved now.
It was not cake's fault.
I pointed incomplete absolute path at FckEditor so it didn't upload the files well.
However the uploader mistakenly passes the "OK" so the HTML tries to display it.
So cake tries to render something, as usual, when there is no physical file.
I spent about 10 hours to resolve this.
Now I don't hate cake as I did a few hours ago. (: :)

Resources