New to CKEditor, in Joomla1.6.
I use Joomla templates, with some custom modifications and new id and class, in css files.
In particular, I have added some "div" class to make use of grids.
Say the template is in directory /template/mytpl.
Now, how can I teach CKEditor to make use of my css files (eg: mycss.css), and show my id and class at editing, in the Styles menu?
If not possible, what can I do?
Thank you.
I use Joomla templates, with some custom modifications and new id and class, in css files.
In particular, I have added some "div" class to make use of grids.
Say the template is in directory /template/mytpl.
Now, how can I teach CKEditor to make use of my css files (eg: mycss.css), and show my id and class at editing, in the Styles menu?
If not possible, what can I do?
Thank you.
Re: Use of custom css
Hi,
you can use component configuration options in Advanced Tab. Those options are :
Styles definition file (for styles select box), Templates definition file (for template select box), Css files. Look at descriptions to those options.
To get more info about CKEditor and templates & styles, please refer to :
http://docs.cksource.com/CKEditor_3.x/Howto (sections styles & templates)
http://docs.cksource.com/CKEditor_3.x/Users_Guide/Document/Templates
http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Templates
http://docs.cksource.com/CKEditor_3.x/Users_Guide/Styling/Styles
http://docs.cksource.com/CKEditor_3.x/D ... ide/Styles
Re: Use of custom css
For simplicity sake, let's pretend I have a CSS file named "my.css" and it contains a very simple class:
In the CKEditor Configuration, we find options for
* "Styles definition file." The tool tip says this should add to the Styles drop-down, and the file should be placed in the folder "plugins/editors/ckeditor/styles" - I placed "my.css" in the specified folder, my keycap style does not appear in the Styles drop-down.
* "CSS files." The tool tip says this will be used in formatting text in the edit area, and the file should be placed in the folder "plugins/editors/ckeditor/css" - I placed "my.css" in the specified folder, my keycap style does not get applied to text in which I've manually edited the source and applied a .
All the documentation to which mkesicki supplied involves editing numerous editor source files. It doesn't make sense to supply options in the editor configuration interface if the real answer is "hunt down all these files, learn the proper syntax, and modify the files."
Has anyone been successful using the seemingly simple configuration options and getting them to work without editing the source files?
Re: Use of custom css
Thx for notice this.
I will try add some documentation how to use those fields.
Please be patient.
Re: Use of custom css
Re: Use of custom css
Re: Use of custom css
Hi KrashτestDumby,
If what you mean is that CKEditor by itself should contain the abbreviation feature (like it does for inserting images, links etc.), then perhaps you may be interested in reading our Plugin Tutorials. The "Creating a Simple CKEditor Plugin", Part 1 & Part 2 articles actually deal with creating the abbreviation plugin
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!
Re: Use of custom css
Re: Use of custom css
Good luck with the harvesting then and have fun going through the tutorial later
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!