How to add external css file in ckeditor - ckeditor

I have a css file called test.css.
I want to show the css classes defined in test.css inside the ckeditor style dropdown.
I added the plug in stylesheetparser.But css classes are not showing in the editor
Below is my code in the config.js
config.extraPlugins = 'stylesheetparser';
config.contentsCss = 'test.css';
Can somebody help me on this..

Related

Ck Editor custom CSS plugin

I tried for custom CKEditor CSS plugin for only gradient color,
Added js files and libraries too but in CKEditor button is displaying but not working

where do I find ckeditor's default style?

my documents are looking good in the CKeditor's textarea field. But when using the so generated HTML-files it doesn't look good. No wonder: there are no CSS styles saved in the HTML.
Which css files do I have to include to display ckeditor's HTML files looking similar to those within the editor? Or can I make Ckeditor include it's styles information in the HTML?
Use contents.css, located in your ckeditor root folder.

CKEditor Strips Styles When Editing Link

By changing the href via right-clicking a link and choosing to "Edit Link" in CKEditor, all of the inline styles in the <a> tag are stripped.
I have already set allowedContent: true in config.js to no avail.
How do I configure CKEditor to avoid stripping these styles after changing the link URL?
Edit: Before changing the link I could have:
test
And after changing the link target it becomes:
test

How to add custom css file in YT Framework Joomla Template

I am using YT Framework on Joomla2.5, I want to add new css file fot the template SJ+, but I could not find any documentation for the framework.
I have general understanding that, as the css will be builded every time I install any component or module, so in order to implement our custom css, I need to add my css in a specific file, but I am unable to find where to keep that file and with what name.
I have tried by adding a "custom.css" file in template's css folder.
For any template if you need to add your custome css code you need to first find index.php file in your template directory,
If you found html code in index.php then add your css code to index file using tag. or add
if you do not found html code in index.php file then you need to find component.php file in template root folder.
and follow the same thing as for index.php
After looking deeper into each of the css file I came to solution for loading of custom css for YT Framework templates.
Keep your custom css in a file named "your_css.css" file under the css folder of your template, this is the functionality of the YT frame work that after loading all the css files required by the template, it loads this css file at the end so that all the default and dynamic css will be overloaded with all the stylings you have written in your_css.css file

jQuery grid plugin - js and css path

In the how to install section of the jQuery Grid plugin, it is said:
Step 3: Under the myproject folder,
create two additional directories
named js and css
Are these names a suggestion or a strong restriction?
They are suggestions. You will specify the locations of the js file and the css files within your HTML.

Resources