然后安装 django-imagekit
完成上述步骤后,在 Django 项目的 settings.py 文件中的 INSTALLED_APPS 添加上: 'imagekit' 。
现在准备工作全部完成,可以在项目中使用 django-imagekit 来处理图片了。
承接上一篇的例子,我们在 modles 中这样使用 django-imagekit:
图片上传后会根据我们的设定生成相应的处理后的图片。
要在前端显示处理后的图片只需这样:
添加“插入代码”的按钮,起名为code。在ckeditor/plugins下新建文件夹code,在code文件夹里加入一个小图片如code.gif,然后在code文件夹里新建plugin.js文件,内容如下:01 CKEDITOR.plugins.add(
02 "code",
03 {
04 requires:["dialog"],
05 lang:["en"],
06 init:function (a)
07 {
08 a.addCommand("code", new CKEDITOR.dialogCommand("code"))
09 a.ui.addButton(
10 "Code",
11 {
12 label:"插入代码",
13 command:"code",
14 icon:this.path + "code.gif"
15 })
16 CKEDITOR.dialog.add("code", this.path + "dialogs/code.js")
17 }
18 }
19 )
3. 修改config.js来注册code插件。用如下代码替换config.js原来内容:
01 CKEDITOR.editorConfig = function( config )
02 {
03 config.language = 'zh-cn'
04 config.extraPlugins = 'code'
05 config.height = 400
06 config.uiColor = '#14B8C4'
07 config.skin = 'kama'
08 config.toolbar = [
09 ['Source'],
10 ['Image'],
11 ['SpecialChar'],
12 ['FontSize'],
13 ['TextColor'],
14 ['Smiley'],
15 ['Code'],
16 ]
17 }
注意我的CKEditor配置都是通过修改config.js来完成
4. 安装CKEditor,在要引入CKEditor的页面中script标签内添加如下js代码:
1 CKEDITOR.replace('editor1', {})
其中editor1是我的textarea的id名
5. 配置完成后效果
Django是用Python开发的一个免费开源的Web框架,提供了许多网站后台开发经常用到的模块,使开发者能够专注于业务部分。并且囊括的Web应用部分可以用于快速搭建高性能、优雅的网站。并且提供了通用Web开发模式的高度抽象,通过DRY的理念为频繁进行的编程作业提供了快速解决方法。Django能在开源发行之后吸引众多追随者,离不开它所具备的以下优点:
①齐全的功能。自带大量常用工具和框架,可轻松、迅速开发出一个功能齐全的Web应用。
②完善的文档。Django已发展十余年,具有广泛的实践案例,同时Django提供完善的在线文档,Django用户能够更容易地找到问题的解决方案。
③强大的数据库访问组件。Django自带一个面向对象的、反映数据模型与关系型数据库间的映射关系的映射器,开发者无须学习SQL语言即可 *** 作数据库。
④灵活的URL映射。Django提供一个基于正则表达式的URL分发器,开发者可灵活地编写URL。
⑤丰富的模板语言。Django模板语言功能丰富,支持自定义模板标签Django也支持使用第三方模板系统,如jinja2等。
⑥健全的后台管理系统。Django内置了一个后台数据管理系统,经简单配置后,再编写少量代码即可使用完整的后台管理功能。
⑦完整的错误信息提示。Django提供了非常完整的错误信息提示和定位功能,可在开发调试过程中快速定位错误或异常。
⑧强大的缓存支持。Django内置了一个缓存框架,并提供了多种可选的缓存方式。
⑨国际化。Django包含了一个国际化系统,Django组件支持多种语言。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)