Django-imagekit

Django-imagekit,第1张

要在 Django 使用 ImageField 模块,必须先安装第三方库 Pillow:

然后安装 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组件支持多种语言。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11949837.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存