Ответ 1
Я передал пустую функцию...
$('textarea#my').ckeditor($.noop, {
property: 'value'
});
Я использую последний CKeditor с jQuery adapter.
Я успешно получил его для работы и отображения.
Однако, поскольку я совершенно не знаком с CKeditor, как передать переменные config с помощью метода jQuery?
Это то, что у меня есть
$( '#input-content' ).ckeditor('', {
toolbar: 'basic'
});
Я думаю, что из того, что я прочитал, первый аргумент предназначен для обратного вызова, а второй - для конфигурации. Но это не изменило редактор вообще.
Как использовать эти свойства конфигурации и т.д., используя адаптер jQuery?
Я передал пустую функцию...
$('textarea#my').ckeditor($.noop, {
property: 'value'
});
Я сделал это, используя этот код. Надеюсь, это поможет.
Вот html:
<textarea id="txtMessage" class="editor"></textarea>
и вот javascript:
try {
var config =
{
height: 180,
width: 515,
linkShowAdvancedTab: false,
scayt_autoStartup: true,
enterMode: Number(2),
toolbar_Full: [['Styles', 'Bold', 'Italic', 'Underline', 'SpellChecker', 'Scayt', '-', 'NumberedList', 'BulletedList'],
['Link', 'Unlink'], ['Undo', 'Redo', '-', 'SelectAll']]
};
$('textarea.editor').ckeditor(config); }
jQuery(function(){
var config = {
toolbar:
[
['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'Undo', 'Redo', '-', 'SelectAll'],
['UIColor']
]
};
jQuery('#textAreaElement').ckeditor(config);
});
var config = {
toolbar:
[
['Source','-','Save','NewPage','Preview','-','Templates'],
['Maximize', 'ShowBlocks','-','About']
],
coreStyles_bold: { element : 'b', overrides : 'strong' }
};
Просто добавьте соответствующий объект конфигурации, над которым я добавил coreStyles_bold. Все, что я сделал, это изменить "=" из документации CK API на ":"
$(document).ready(function(){
$('.reply').click(
function(event){
// Event click Off Default
event.preventDefault();
// CKEditor
$(function(){
var config = {toolbar:[['Bold', 'Italic', '-', 'Link', 'Unlink']]};
//<?php /*echo"var config = {toolbar:[['Bold', 'Italic', '-', 'Link', 'Unlink']]};" ;*/ ?>
// DOM class = "cke"
$('textarea.cke').ckeditor(function(){}, config);
});
return false;
});
});
Не уверен, что это новая функция CKEDITOR, но просто хочу поделиться своим решением (в случае, если это поможет любому, кто ищет это сейчас):
$("textarea.youreditor").ckeditor
(
{
customConfig: "/path/to/custom/config.js"
}
);
... и мой конфиг выглядит так (просто скопировал default config.js):
CKEDITOR.editorConfig = function(config)
{
config.toolbar_Full =
[
{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] },
{ name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] },
{ name: 'colors', items : [ 'TextColor','BGColor' ] }
];
};
Для этого есть официальная документация, см. jQuery Adapter
Метод ckeditor() принимает два необязательных параметра:
$( 'textarea' ).ckeditor({ uiColor: '#9AB8F3' });