Как настроить панель инструментов ckeditor - PullRequest
6 голосов
/ 10 ноября 2011

Я использую ckeditor и хочу настроить панель инструментов и область ввода текста, так как разрыв между двумя предложениями очень большой. Я не могу найти toolbar.js или config.js, где я должен внести изменения ..

как мне настроить оба

Ответы [ 2 ]

39 голосов
/ 10 ноября 2011

Ответ Sonal сам по себе не является неправильным, но НЕ ОТНОСИТСЯ К CKEDITOR. FCKeditor был (и является) хорошим продуктом, но теперь его заменяет новый CKEditorпоэтому использование этих настроек может не сработать.

Как вы можете прочитать в документации здесь , вы можете передать пользовательские параметры конфигурации, отредактировав файл config.js, который находится в корневой папке CKeditor (в новой установке .. если вы переместили его, действуйте соответственно)

Файл уже содержит следующие строки:

CKEDITOR.editorConfig = function( config )
{
        // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
};

Вы можете найтиВЕСЬ список доступных конфигураций в их API DOCS .Что касается вашей проблемы, вы можете установить то, что вы хотите / не хотите на своих панелях инструментов, как это (проверьте панель инструментов §):

// This is actually the default value.
config.toolbar_Full =
[
    { name: 'document',    items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
    { name: 'clipboard',   items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing',     items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
    { name: 'forms',       items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
    '/',
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
    { name: 'paragraph',   items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
    { name: 'links',       items : [ 'Link','Unlink','Anchor' ] },
    { name: 'insert',      items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] },
    '/',
    { name: 'styles',      items : [ 'Styles','Format','Font','FontSize' ] },
    { name: 'colors',      items : [ 'TextColor','BGColor' ] },
    { name: 'tools',       items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];

Что касается линий, которые будут высокимиЯ не знаю, хотите ли вы изменить режим рендеринга или хотите изменить стандартное поведение тега <p> при каждом разрыве строки.В последнем случае используйте

config.enterMode = CKEDITOR.ENTER_BR;

. Вы можете найти подробное объяснение здесь (EnterMode §)

Если вы хотите, вы также можете передать customConfig во время выполнения с помощью:

CKEDITOR.replace( '#textarea_id', { customConfig : '/myconfig.js' } );

Или это (чтобы заменить ваши пользовательские с запасными по умолчанию)

CKEDITOR.replace( '#textarea_id', { customConfig : '' } );
5 голосов
/ 17 сентября 2014
<script type="text/javascript">
    $(document).ready(function(){
        CKEDITOR.replace(
            'textarea_name',
            {
                toolbar: [
                    ['Image','Flash']
                ],
            },
            {height: 550},{width:500}
        );
    });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...