django中使用ckeditor以及插件使用

终于解决了ckeditor的问题，今天成功把代码插入功能加入了。调试了一下午，回头一看，真的很简单。

其实今天很多时间的浪费都是因为自己的低级失误。

关于在django中如何配置，请参考django-ckeditor的demo，那里面出现了基本的配置，请访问： django-ckeditor

只是有几点需要注意，在settings中配置CKEDITOR_CONFIG的时候，toolbar不能设成FULL，否则只显示的工具栏功能较少，看一下源码： 

'toolbar_Full': [
        ['Styles', 'Format', 'Bold', 'Italic', 'Underline', 'Strike', 'SpellChecker', 'Undo', 'Redo'],
        ['Image', 'Flash', 'Table', 'HorizontalRule'],
        ['TextColor', 'BGColor'],
        ['Smiley', 'SpecialChar'], ['Source'],
    ],

看如果你配成full，只显示这些。

你可以根据要求自己配置toolbar。

toobar是一个列表，每一个元素表示不同的功能，比如第9个元素，都是插入功能。

具体可参考： ckeditor配置

浏览效果：

上面简单说了ckeditor的配置，其实我只说了几个注意要素。

ckeditor真的很好用，用了它之后，我毫不可惜地丢弃了markdown。

下面要说的是codesnippet的使用。现在教程很多，看得我脑仁疼，我配置好之后，一看。真的很简单。上图中黄色的是插入代码图标。

因为django-ckeditor包含了使用的插件，因此，你只需要在CKEDITOR_CONFIG里面配置一下即可，非常，非常方便。不需要像网上说的，又下这个，又下那个的。

1、在配置中加extraPlugins: 

'extraPlugins': ','.join([
            'uploadimage', # the upload image feature
            # your extra plugins here
            'widget',
            'lineutils',
            'clipboard',
            'dialog',
            'dialogui',
            'codesnippet'
        ]),

2、在你配置的toolbar中也要加入 ‘CodeSnippet’，在哪加呢？当然是在插入功能那个元素中，即有Image，Table那个。 

['Image','CodeSnippet','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

上面就是所需要做的一切，对，只是两部，就这么简单。那我为什么会折腾这么久呢？

因为我犯了一个非常低级的错误，竟然在RemoveButtons有CodeSnippet，我日，妹的。

这是多么多么低级的错误！！！

--------EOF---------
微信分享/微信扫码阅读