Ck editor appendTo not working - ckeditor

I am working with ckeditor 3.6.2 , everything works fine just i am not able to append anything to editor, here is my code
CKEDITOR.appendTo( 'post_content','<pre class="html"></pre>' );
it does not gives me any error on firebug console but also it's not appending anything to the textarea, tried looking it on ckeditor documentation but none of them solved my problem
Thanks

Actually i got it and i was doing it wrong... if anyone else has the same problem try this code
CKEDITOR.instances.post_content.insertText('<pre class="html"></pre>');
post_content is the id of your editor

Related

CKEditor 4.7.3 not utilizing custom config file any more

I am hoping someone can help me. I have been using CKEditor for years on my production site, ever since FCKEditor, and it has been working very well until recently. I have customized my toolbar and added custom addons and customized the filebrowser and they have been working for a long time. My config file is sitting in a subdirectory but CKEditor just does not want to show the customizations for me, it just shows the FULL toolbar with standard colors etc. Has anyone else noticed this behavior? Is there some fix I cannot seem to find for this? My CKEditor call is below. The odd thing is my dev server and my dev box have no issues with this and ckeditor works just like it should. Any help would be greatly appreciated!
CKEDITOR.replace('ctl00_ContentPlaceHolder1_fckTemplateEditor', {
customConfig: 'ckeditor/myconfig.js'
, filebrowserBrowseUrl: 'ckeditor/filemanager.aspx?window=' + window.name,
filebrowserImageBrowseUrl: 'ckeditor/filemanager.aspx?window=' + window.name,
filebrowserWindowWidth: '780',
filebrowserWindowHeight: '650'
}, {
removePlugins: 'elementspath',
extraPlugins: 'uicolor',
height: '800px',
});
CKEDITOR.config.height = 450;
Ok after trying everything I could find, I figured it out. It seemed it was attaching to the control prior to my replace call so it was giving me an already attached error in the console, which I was not watching for. so I needed to destroy that attachment with the following code and it started to work again. There must be some issue with new browsers and how they work that is causing it to act up and just thought I would share what I found after a day of searching.
if (CKEDITOR.instances["ctl00_ContentPlaceHolder1_fckTemplateEditor"]) { // Check null
CKEDITOR.instances["ctl00_ContentPlaceHolder1_fckTemplateEditor"].destroy();
}
Thanks

"file://" breaks href in 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.

Bootstrap Datepicker Example

I cannot seem to get the bootstrap datepicker from http://www.eyecon.ro/bootstrap-datepicker/ to work using the example from https://gist.github.com/maraujop/2812529.
The only thing I am unsure of is where to put the datepicker folder after downloading it? I put it in my static folder and while I get no errors the only thing that shows up on my form for a date field is a blank looking box next to the field but nothing comes up when pressing it.
This doesn't seem like it should be that hard but for whatever reason, this isn't working.
Any suggestions(something that works).
Thanks
Take a look at django-bootstrap3-datetimepicker which you can install with pip and add to INSTALLED_APPS. Works very well for me.
There's an alternative listed in the docs for Bootstrap2, but I've not used it so can't comment on how well it works.

jQuery tour plugin issues

I am trying to install a jQuery site tour, using the following tutorial http://tympanus.net/Development/WebsiteTour/
I think I installed everything correctly, and the navigation box seems to work ok, but only a couple of the tooltips show, and the tour doesn't seem to want to scroll down to my footer.
In Firebug, I'm getting the following error: $elem.offset() is null
[Break On This Error] var e_l = $elem.offset().left;
This is the site address: http://www.aeringuy.com/dev/
Can anyone point me in the right direction for trouble shooting this?
Thanks,
Yukon
The files 'ChunkFive_400.font.js' and 'pos-handle40.png' are missing and are returning the 'This Site is Under Construction' page with incorrect HTTP Status Code (200 OK) and I think that's causing the problem. Blame the 'Maintenance Mode Plugin' author, either disable it or fix those missing files.

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.

Resources