Question

我正在使用ckeditor并希望自定义工具栏和文本输入区域作为两个句子之间的差距。我无法找到toolbar.js或config.js，我应该在哪里进行更改..

我如何自定义上述两者

Answer 1

Sonal的回答本身并没有错，但是没有参考CKEDITOR。 FCKeditor 是（并且是）一个好产品，但它现在被替换为新的CKEditor，所以使用这些配置可能无法正常工作。

正如您可以在文档here中阅读的那样，您可以通过编辑config.js文件来传递自定义配置选项，该文件位于CKeditor的根文件夹中（在全新安装中...如果您移动它的行为相应）

该文件已包含以下行：

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

您可以在API DOCS中找到可用配置的整个列表。遇到问题，您可以在工具栏中设置您想要/不想要的内容（查看toolbar§）：

// 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;

您可以找到详细解释here (EnterMode §)

如果需要，您还可以使用以下命令在运行时传递自定义配置：

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

或者这个（用默认的后备替换你的自定义）

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

Answer 2

<script type="text/javascript">
    $(document).ready(function(){
        CKEDITOR.replace(
            'textarea_name',
            {
                toolbar: [
                    ['Image','Flash']
                ],
            },
            {height: 550},{width:500}
        );
    });
</script>

Answer 3

这是最简单的示例

CKEDITOR.replace('textarea_id', {
    toolbar: [
        ['Bold', 'Italic', 'Underline', 'Strike', 'TextColor', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink']
    ],
    height: 100,
    skin: 'v2',
    enterMode: 1,
    shiftEnterMode: 2
});

Answer 4

它对我有用

CKEDITOR.replace('article', {
    toolbar: [
        ['Bold', 'Italic', 'Underline', 'Strike', 'TextColor', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink']
    ]
});

如何自定义ckeditor工具栏

4 个答案: