Hi,
Firstly sorry if this is document somewhere already or there is a post about this issue..
Using asp.net c# visual studio 2010 and mvc3 aspx views
I really need help with getting the style in the editor to match my custom styles which are already in a css file.
I have tried this....
CKEDITOR.stylesSet.add('my_custom_style', [
{ name: 'Title', element: 'h3', styles: {
'color': '#73A534',
'font-size': '32px',
'font-family': 'Times New Roman',
'font-weight': '200',
'margin-bottom': '10px',
'margin-top': '0px',
'text-transform': 'uppercase'
}
}
]);
$(document).ready(function () {
CKEDITOR.replace('ckeditor',
{
filebrowserBrowseUrl: '../../Filemanager/index.html',
stylesSet: 'my_custom_style'
});
The problem is that this puts the custom style in line .....
<h3 style="color:#73a534;font-size:32px;font-family:times new roman;font-weight:200;margin-bottom:10px;margin-top:0px;text-transform:uppercase;"> Delete Page</h3> <p> some extra text</p>
which is ok but i dont want the page to have in line css I want the editor to just be displayed as my custom css will display it so if i ever change it i dont need to redo every page.
All i want saved is
<h3> Delete Page</h3>