2014-07-23, 07:03:27
Hi!
I'm really kind of going crazy here since about 2 hours I'm trying to add custom formats to the formats drop down, but nothing works.
I tried it by creating a file in admin/template/js/ckeditor/plugins/styles/styles/default.js like I did about a year ago in earlier version - but doesn't work.
Then I tried adding something by config.format_tags = "custom" & config.format_custon {...} ... but no luck either.
Now I edited the gsconfig as followed:
ckeditorconfig: a copy of the original config with only a difference here:
ckeditorstyles:
But it's still not working. It's using the custom config file, as it takes effect if I'm deleting h3 for example... but not one custom format does appear.
What did I miss?? I'd be really happy, if somebody could help me!! =)
Best,
Kida
I'm really kind of going crazy here since about 2 hours I'm trying to add custom formats to the formats drop down, but nothing works.
I tried it by creating a file in admin/template/js/ckeditor/plugins/styles/styles/default.js like I did about a year ago in earlier version - but doesn't work.
Then I tried adding something by config.format_tags = "custom" & config.format_custon {...} ... but no luck either.
Now I edited the gsconfig as followed:
Code:
# WYSIWYG toolbars (advanced, basic or [custom config])
define('GSEDITORTOOL',"['Paste'], ['Undo','Redo'], ['Find','Replace'], ['Source'], ['RemoveFormat'], '/',['Bold', 'Italic', 'Underline', 'Strike'], ['Format'], ['BulletedList','NumberedList','HorizontalRule','SpecialChar'], ['JustifyLeft','JustifyCenter','JustifyRight', 'JustifyBlock'], ['Link','Unlink','-', 'Image']");
# WYSIWYG Editor Options
define('GSEDITOROPTIONS', "
stylesSet: 'default:../../../../theme/ckeditorstyles.js',
customConfig : '../../../../theme/ckeditorconfig.js',
entities : false,
skin: 'getsimple',
enterMode: CKEDITOR.ENTER_BR,
shiftEnterMode : CKEDITOR.ENTER_P
");
ckeditorconfig: a copy of the original config with only a difference here:
Code:
config.format_tags = 'p;h1;h2;h3';
ckeditorstyles:
Code:
CKEDITOR.stylesSet.add('default',[
{name:'Red Text',element:'span',attributes: {'class':'red'}},
{name:'Grey Text',element:'span',attributes: {'class':'grey'}},
{name:'Blue Text',element:'span',attributes: {'class':'blue'}},
{name:'Small',element:'small'},
{name:'Image on Left',element:'img',attributes:{style:'padding: 5px; margin-right: 5px',border:'2',align:'left'}},
{name:'Image on Right',element:'img',attributes:{style:'padding: 5px; margin-left: 5px',border:'2',align:'right'}},
{name:'Borderless Table',element:'table',styles:{'border-style':'hidden','background-color':'#E6E6FA'}}
]);
But it's still not working. It's using the custom config file, as it takes effect if I'm deleting h3 for example... but not one custom format does appear.
What did I miss?? I'd be really happy, if somebody could help me!! =)
Best,
Kida