2010-05-04 2 views
1

var wgetFrame = window.frames [0] wframeDoc = wgetFrame.document;применять размер шрифта с помощью execCommand

editor.focus(); 
editor.execCommand('bold'); 
wframeDoc.execCommand('forecolor',false,'#00ff00'); 
wframeDoc.execCommand('JustifyCenter', false, null); 
wframeDoc.execCommand('fontsize', false, 15); 

(я использовать код, указанный выше в качестве плагина в CKEditor)

полужирный, ForeColor и JustifyCenter, все они Раздирайте corectly, выбранный текст обернут двускатной элемента

, но при применении команда fontsize, выбранная входит внутри элемента шрифта, Я знаю, что это правильно, но нужно, чтобы он находился внутри элемента span

Мне нужно знать, почему смелые, forecolor и JustifyCenter обернуты диапазоном и f ontsize нет !!

, а также, если есть другой способ, чтобы применить эти стили

(пс: я запускать эти команды при CKEditor инициализации, даже если editort не содержит какой-либо текст, когда и писать стиль определяемом применяется)


CKEDITOR.editorConfig = function(config) { 
CKEDITOR.addStylesSet('customStyles', 
[ 
    { name: 'Header 1', element: 'h1' }, 
    { name: 'Header 2', element: 'h2' }, 
    { name: 'Header 3', element: 'h3' }, 
    { name: 'Text', element: 'p' }, 
    { name: 'Left Align', element: 'img', attributes: { 'class': 'ImageLeft'} }, 
    { name: 'Right Align', element: 'img', attributes: { 'class': 'ImageRight'} } 
]); 

};

Могу ли я применить editor.execCommand («Заголовок 1»); ??

ответ

1

из

onClick : function(value) { 
    editor.focus(); 
    editor.fire('saveSnapshot'); 

    var style = styles[ value ]; 

    if (this.getValue() == value) 
     style.remove(editor.document); 
    else 
     style.apply(editor.document); 

    editor.fire('saveSnapshot'); 
} 

в _source \ Plugins \ шрифт \ plugin.js я был в состоянии найти способ сделать это, но это, кажется, немного длинный

editor.focus(); 
editor.fire('saveSnapshot'); 

var styles = new CKEDITOR.style({ 
    element  : 'span', 
    styles  : { 'font-size' : '#(size)' }, 
    overrides : [ { element : 'font', attributes : { 'size' : null } } ] 
}, {size: '72px'}); 

styles.apply(editor.document); 
editor.fire('saveSnapshot'); 

проблема, с которой я теперь, с фокусом в редакторе, когда вы обедаете редактором u, посмотрите размер шрифта, но если вы нажмете на элемент вне редактора и вернетесь, курсор покинет span style = «72px» и создайте новый элемент P

Смежные вопросы