I'm having an issue with CKEditor regarding image properties. Spent many hours investigating this but ended up without solution.
I'm using Drupal 7 with the latest CKEditor AND IMCE.
When I click on the image icon on CKEditor tool bar, the image properties popup window came up but I was looking at the "advanced" tab is not showing up. No tab show up at all.
Is there any configuration that I have to apply in order to show up the tabs in the image properties?
you can try by reinstalling with ckeditor - 7.x-1.16 and imce - 7.x-1.9,
worked for me
I got this trouble when use cdn version of ckeditor instead of local.
To fix it download latest ckeditor from official site http://ckeditor.com/download. I have downloaded full version. Then copy files to /sites/all/modules/ckeditor/ckeditor. Before you copy here must be only 1 file with name COPY_HERE.txt. After copy folders adapters, lang... etc.
Then go to the global settings of the ckeditor admin/config/content/ckeditor/editg and set path to the local ckeditor library like this: %m/ckeditor. Save settings and check if advanced tabs exist now.
Related
I am creating a website with ASP.NET MVC and I am a beginner to this. I have found a theme from bootstrap that I want to use as my design for the website. Before I copied the bootstrap css file into my css in the website, there was the original menu including Home, About, Contact, Register, Log In etc.
But when I add the css file from bootstrap the menu disappears and only the name of the page is left showing. I have copied the file into both 'Content' Bootstrap.css AND bootstrap.min.css, but is there something I am missing here?
https://bootswatch.com/journal/
Debug your code in browser using inspect element sidebar (Ctrl + shift + I shortcut for google chrome).
go to console tab and refresh the page to check if your added file paths are being loaded successfully or not.
I am using DataTables 1.10 and bootstrap downloaded from Datatables CDN link source.When I am integrating both with wordpress plugin, bootstrap changes the background color as white(#ffffff) for the whole wordpress admin panel and plugin page by default.Not getting why this happened ? This should not happen as i have seen in the examples.Please help me to sort this out. Thanks in advance
I believe you are probably enqueuing the CSS for whole WP admin, rather than just that specific plugin settings page. Also, if the background for body / container is changed, probably you are enqueuing some generic styles file (which sets style for body element). It's the easiest to see why this happens from Chrome's console (or Firebug or similar tool) - click "Inspect element" on the changed background, and see what CSS file does it come from.
Also you might want to check this free WordPress plugin that integrates DataTables in WordPress: http://wordpress.org/plugins/wpdatatables/
In my summernote editor I have the problem that the font icon isn't working while I see it back in the html. I am wondering how to fix this issue?
Thanks!
I faced this problem a while ago and solved by:
The fonts used by summernote is not the bootstrap one. They have their own font directory. One can check the console (Ctrl+Shift+I) in web browser for any error. One may have to edit the summernote.css file if they are not located in the default folder for Summernote like adding "../" in front of all the font references at the top of the css file.For my application, I had put it under /static/css/font for the server to find it.
To check whether the server is able to find the directory, one can also check the network by right click -> Inspect element-> change to network tab:
I'm working on new website (all modules are up to date) but for some reason IMCE file browser is not working well. For image fields in my content types for "file sources" I also check "IMCE file browser".
Then when I'm creating node in that type if I just upload file standard way it works well. But if I want to use IMCE file browser and select already uploaded image it all works up to last step. I click "File browser", then "browse" link, browser's popup appears, I select image, then click "Insert file" (or click on image preview - makes no difference), popup closes, but selected image is not inserted into my file field.
What can cause this behavior?
I had a simillar issue and following these steps made it work for me.
Try the following:
Clear your drupal cache. This can often solve the problem as some items may not have been cached yet.
Keep the Chrome Developer Console open to see if there are any JS errors which may hint at the problem.
In your CKEditor settings, make sure you tick "Plugin for inserting files from IMCE without image dialog"
Ensure that the input field is using Full HTML
If the above does not help try reinstalling IMCE and your WYSIWYG Editor such as CKEditor
I hope this helps.
Essentially, I've been back and forth through settings and configuration for using the CK Editor as well as re-installing it but for whatever reason the text-align buttons for this WYSIWYG editor are not showing up despite the fact they appear to be configured to do so.
I'm using Drupal 7.19 and CK Editor 7.x-1.12. For clarification, this is the CK Editor as stand-alone project, not a part of the WYSIWYG project.
Also to be clear, this is not a problem of the buttons not working or text-align properties being stripped out, the buttons are simply not there. Which is a problem for ease of use for my end-users.
Why would this be happening?
Most likely you have downloaded a standard package which does not include justify plugin. Download the full package or add this plugin using online builder.
This is due to the "Limit allowed HTML tags and correct faulty HTML" filter settings. As outlined in this issue, you must explicitly allow those classes on the p tag https://www.drupal.org/node/2649546
<p class="text-align-left text-align-center text-align-right text-align-justify">
Also this is for Drupal 8