I am trying to apply external css stylesheet to the contents inside a ckeditor. I tried to apply the ways mentioned in documentation, e.g.:-
//config.js
CKEDITOR.editorConfig = function( config ) {
config.toolbar = 'TadToolbar';
config.toolbar_TadToolbar =
[
['Source','-','Templates','-','Cut','Copy','Paste'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Format','FontSize','-','TextColor','BGColor']
];
///some more config here
config.extraPlugins = 'stylesheetparser';
contentsCss = 'http://cheaper.com.hk/admin/try.css';
config.stylesSet = [];
};
and also in the page:-
//test.php
<script>
CKEDITOR.replace('editor_en', {
fullPage: true,
allowedContent: true,
contentsCss : 'http://cheaper.com.hk/admin/try.css'
});
</script>
but the css file still cannot be appled:-
http://cheaper.com.hk/admin/test.php?id=22
is there anything I can do further? Thanks!