具有自定义工具栏的多个Ckeditor内联编辑器

丹尼尔·埃里森

我目前有一个页面,其中包含大约13个文本区域框,每个框都定义了它们的内联编辑器。默认工具栏已满,但我希望更改所有内联的默认工具栏布局,以仅保留所需的按钮/功能。

这是我的脚本,我如何能够引用自定义工具栏?

<script>
    CKEDITOR.inline( 'inline_editor1' );
    CKEDITOR.inline( 'inline_editor2' );
    CKEDITOR.inline( 'inline_editor3' );
    CKEDITOR.inline( 'inline_editor4' );
    CKEDITOR.inline( 'inline_editor5' );
    CKEDITOR.inline( 'inline_editor6' );
    CKEDITOR.inline( 'inline_editor7' );
    CKEDITOR.inline( 'inline_editor8' );
    CKEDITOR.inline( 'inline_editor9' );
    CKEDITOR.inline( 'inline_editor10' );
    CKEDITOR.inline( 'inline_editor11' );
    CKEDITOR.inline( 'inline_editor12' );
    CKEDITOR.inline( 'inline_editor13' );
</script>
乔尔·佩尔顿(Joel Peltonen)

您可以给每个CKEDITOR实例一个不同的配置对象,如http://docs.ckeditor.com/#!/api/CKEDITOR-method-inline所示,您可以为每个配置选项定义一个自定义工具栏,如下所示:http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbar

因此,您可能会有类似以下未经测试的代码:

<script>
var cfg1 = { toolbar: 'Basic' };
var cfg2 = { toolbar: 'Full' };
var cfg3 = { 
    uiColor: '#FF69B4', 
    toolbar: [
        [ 'Source', '-', 'Bold', 'Italic' ]
    ]
};

CKEDITOR.inline( 'inline_editor1', cfg1 );
CKEDITOR.inline( 'inline_editor2', cfg2 );
CKEDITOR.inline( 'inline_editor3', cfg3 );
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CKEditor自定义工具栏内联

来自分类Dev

带有CKEditor-rails的CKEditor的自定义工具栏

来自分类Dev

带有Summernote的自定义工具栏

来自分类Dev

带有CKeditor-rails的导轨中带有CKEditor的自定义工具栏

来自分类Dev

将CKEditor specialchar插件插入自定义工具栏不起作用

来自分类Dev

仅当具有1个工具栏的多个编辑器聚焦于编辑器时,才显示TextAngular工具栏

来自分类Dev

Win32无法添加具有透明度的自定义工具栏图标

来自分类Dev

自定义工具栏android

来自分类Dev

Android自定义工具栏文本按钮

来自分类Dev

IvoryCKEditorBundle:如何自定义工具栏项?

来自分类Dev

自定义工具栏问题

来自分类Dev

肯蒂科 10 | 自定义组件中富文本编辑器的工具栏

来自分类Dev

所有活动的自定义工具栏未按预期工作?

来自分类Dev

无法自定义django-ckeditor工具栏

来自分类Dev

如何使用代码处理多个活动中自定义工具栏中按钮的“onClick”

来自分类Dev

如何在整个应用程序中使用自定义工具栏

来自分类Dev

预棒棒糖设备上奇怪的自定义工具栏

来自分类Dev

如何在自定义工具栏上显示选项菜单?

来自分类Dev

VBA从Ribbon Excel 2013删除自定义工具栏

来自分类Dev

Android自定义工具栏onOptionsItemSelected不起作用

来自分类Dev

自定义工具栏设置不正确

来自分类Dev

在自定义工具栏中快速定位按钮(Google设计材料)

来自分类Dev

使用自定义工具栏未调用onCreateOptionsMenu

来自分类Dev

在片段中将SearchView添加到自定义工具栏

来自分类Dev

React-admin:在SimpleForm中删除或添加自定义工具栏

来自分类Dev

(android)为什么自定义工具栏使用BaseTheme?

来自分类Dev

如何将自定义工具栏放在片段中?

来自分类Dev

Kendo MVVM网格自定义工具栏语法

来自分类Dev

如何在自定义工具栏上显示选项菜单?

Related 相关文章

  1. 1

    CKEditor自定义工具栏内联

  2. 2

    带有CKEditor-rails的CKEditor的自定义工具栏

  3. 3

    带有Summernote的自定义工具栏

  4. 4

    带有CKeditor-rails的导轨中带有CKEditor的自定义工具栏

  5. 5

    将CKEditor specialchar插件插入自定义工具栏不起作用

  6. 6

    仅当具有1个工具栏的多个编辑器聚焦于编辑器时,才显示TextAngular工具栏

  7. 7

    Win32无法添加具有透明度的自定义工具栏图标

  8. 8

    自定义工具栏android

  9. 9

    Android自定义工具栏文本按钮

  10. 10

    IvoryCKEditorBundle:如何自定义工具栏项?

  11. 11

    自定义工具栏问题

  12. 12

    肯蒂科 10 | 自定义组件中富文本编辑器的工具栏

  13. 13

    所有活动的自定义工具栏未按预期工作?

  14. 14

    无法自定义django-ckeditor工具栏

  15. 15

    如何使用代码处理多个活动中自定义工具栏中按钮的“onClick”

  16. 16

    如何在整个应用程序中使用自定义工具栏

  17. 17

    预棒棒糖设备上奇怪的自定义工具栏

  18. 18

    如何在自定义工具栏上显示选项菜单?

  19. 19

    VBA从Ribbon Excel 2013删除自定义工具栏

  20. 20

    Android自定义工具栏onOptionsItemSelected不起作用

  21. 21

    自定义工具栏设置不正确

  22. 22

    在自定义工具栏中快速定位按钮(Google设计材料)

  23. 23

    使用自定义工具栏未调用onCreateOptionsMenu

  24. 24

    在片段中将SearchView添加到自定义工具栏

  25. 25

    React-admin:在SimpleForm中删除或添加自定义工具栏

  26. 26

    (android)为什么自定义工具栏使用BaseTheme?

  27. 27

    如何将自定义工具栏放在片段中?

  28. 28

    Kendo MVVM网格自定义工具栏语法

  29. 29

    如何在自定义工具栏上显示选项菜单?

热门标签

归档