请写留言
  【留言公告】
1、随便说说。
2、请勿恶意广告,否则屏蔽后不再解封!
3、祝各位愉快的留言!

idc.csl1975.com    Django前端框架「2024-8-15 22:23:15」
Male
小人物
https://www.bilibili.com/video/BV1G44y117Hb/?spm_id_from=autoNext
Django前端框架Bootstrap
https://www.bilibili.com/video/BV1GwasehEi5?p=14

Django+Vue前后端分离

idc.csl1975.com    django中使用ckeditor 直接「2024-8-15 21:24:19」
Male
小人物
django中使用ckeditor 直接显示html代码的问题

ckeditor是一个非常优秀的嵌入到网页中的编辑器,使用非常简单,但是在django中使用的时候却出现了问题。输入的时候还好,输出的时候会直接显示html源码而不是拥有格式的文本。

       为什么会这样呢?这是因为django的模板系统默认会对输出进行转义,比如把<p>转义成了<p> ,然后再显示出来的时候就如实地显示为<p>。这其实是django设计者的一片好心,不过这里却是画蛇添足了。要解决这个问题只要把默认的转义去掉就好了。

比如原本我们的模板代码是这样的:

{{post.content}}

现在我们把它变成这样:

{% autoescape off %}

          {{post.content}}

{% endautoescape %}

或者直接{{ post.content|safe }} 效果相同

idc.csl1975.com    Django后天管理集成文本编辑器django-c「2024-8-15 15:26:52」
Male
小人物
Django5.1建站-流程及语句==环境:windows10专业版+python版本3.12【请先安装】+pycharm版本2024.1.4【请先安装】第六天 写作时间:2024年8月15日
Django后天管理集成文本编辑器django-ckeditor

一、集成有【上传本地图片】功能的文本编辑器django-ckeditor

【提示:以下内容需要在实现第五天效果的基础上】

1、安装库: pip install -i https://pypi.mirrors.ustc.edu.cn/simple/ ;pillow

2、注册应用: 在settings.py文件的INSTALLED_APPS下加入  ckeditor_uploader,

3、在项目根目录下创建media目录

4、继续配置settings.py,添加如下代码

#使用上传功能,需要设置上传位置。
#该文件是上传到media目录,所以也需要设置media。
#打开settings.py添加如下设置:
MEDIA_URL = /media/
# 放在django项目根目录,同时也需要创建media文件夹
MEDIA_ROOT = os.path.join(BASE_DIR, media)
CKEDITOR_UPLOAD_PATH = upload/  #程序会自动创建upload目录

5、配置url.py,添加如下代码,有重复的import请做删除

from django.conf import settings  
from.conf.urls.static import static
from django.urls import path

path(ckeditor,include(ckeditor_uploader.urls))  #这一条放在 [  ]  之内

if settings.DEBUG  #这2条放在 [   ]  之外
(空2格)urlpatterns +=static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)


6、配置model.py:添加如下代码

from django.db import models
from ckeditor_uploader.fields import RichTextUploadingField

class Blog(models.Model):   #请将此类代码放在第一个位置
    title = models.CharField(max_length=50)
    content = RichTextUploadingField()  #请替换相应应用的函数,以启用文本编辑器

如:
#class PostInfo(models.Model):
    #user = models.ForeignKey(UserInfo, on_delete=models.CASCADE,verbose_name=栏目类别)
    #title = models.CharField(max_length=50,verbose_name=标题)
    #content = RichTextUploadingField(verbose_name=内容)       #<---- 比如这个地方就被替换成了 RichTextUploadingField 函数

4、输入如上模型语句后,在终端中输入    
python manage.py makemigrations     #生成迁移文件
python manage.py migrate            #迁移数据库,创建新表

5、启动程序,进入后台管理,添加文章,内容位置就显示为文本编辑器了。
【可以实现本地上传图片的功能,用以发布信息】

idc.csl1975.com    集成有复制、粘贴功能的文本编辑器django-ck「2024-8-15 14:57:50」
Male
小人物
Django5.1建站-流程及语句==环境:windows10专业版+python版本3.12【请先安装】+pycharm版本2024.1.4【请先安装】第五天 写作时间:2024年8月15日
Django后天管理集成文本编辑器django-ckeditor

一、集成有复制、粘贴功能的文本编辑器django-ckeditor

1、安装库: pip install -i https://pypi.mirrors.ustc.edu.cn/simple/ ;django-ckeditor

2、注册应用: 在settings.py文件的INSTALLED_APPS下加入  ckeditor,

3、配置model.py:输入如下代码

from django.db import models
from ckeditor.fields import RichTextField
 
class Blog(models.Model):     #请将此类代码放在第一个位置
    title = models.CharField(max_length=50)
    content = RichTextField()    #请替换相应应用的函数,以启用文本编辑器
如:
#class PostInfo(models.Model):
    #user = models.ForeignKey(UserInfo, on_delete=models.CASCADE,verbose_name=栏目类别)
    #title = models.CharField(max_length=50,verbose_name=标题)
    #content = RichTextField(verbose_name=内容)       #<---- 比如这个地方就被替换成了 RichTextField 函数

4、输入如上模型语句后,在终端中输入    
python manage.py makemigrations     #生成迁移文件
python manage.py migrate            #迁移数据库,创建新表

5、启动程序,进入后台管理,添加文章,内容位置就显示为文本编辑器了。
【可以实现复制、粘贴功能,用以发布信息】

idc.csl1975.com    富文本编辑器Django-ckeditor教程网址「2024-8-14 21:11:55」
Male
小人物
富文本编辑器Django-ckeditor教程网址

1、https://blog.51cto.com/u_15127627/4147849

2、https://blog.csdn.net/liulunan_lln/article/details/140473132

idc.csl1975.com    文本编辑器「2024-8-13 20:31:00」
Male
小人物
1、修改views.py,新闻以倒序排列 20240813
PostInfos = PostInfo.objects.all().order_by(-id)


2、django-mdeditor
https://www.cnblogs.com/fuchangjiang/p/17652446.html


idc.csl1975.com    添加+减少库「2024-8-13 16:38:36」
Male
小人物
1、添加 库
pip install -i https://pypi.mirrors.ustc.edu.cn/simple/


pip install -i https://pypi.tuna.tsinghua.edu.cn/simple/

2、减少 库
pip uninstall

idc.csl1975.com    创建+激活——虚拟环境「2024-8-13 16:27:23」
Male
小人物

1、创建 虚拟环境:
打开pycharm终端---  提示行显示 ”ps C:\Django-xiangmu\myTest2>“ --- 在此输入”py -m venv .venv“ 
                          --- 创建虚拟环境 .venv --- 提示行仍然显示”PS C:\Django-xiangmu\myTest2>“ 

2、激活 虚拟环境:
在 PS C:\Django-xiangmu\myTest2> 输入”.venv\Scripts\activate“ ---  作用:激活虚拟环境
--- 提示行显示”(.venv) PS C:\Django-xiangmu\myTest2>“ --- 进入了 (.venv)  虚拟环境中

3、在终端启动项目: 输入 python manage.py runserver

idc.csl1975.com    pycharm打开django项目「2024-8-13 16:22:28」
Male
小人物
1、打开项目
启动pycharm2024---打开---选择项目所在的目录,如”C:\Django-xiangmu\myproject003“
---显示”项目所有的文件(可能.venv虚拟环境是红色的,属于正常的情况。)

2、添加python编辑器---自动创建虚拟环境venv
右下角点击“添加编辑器”---添加本地编辑器---左上角选择virualenv环境---新建
---位置,如”C:\Django-xiangmu\myproject003\venv"  【确保此位置文件夹是空白,否则,无法创建】
---基础编辑器,如“c:\python312\python.exe” (就是在系统中已安装的python地址)
---显示“python编辑器为python3.12,项目目录myproject003下多出venv(虚拟环境)文件夹 ”
---终端变成 ”(venv) PS C:\Django-xiangmu\myproject003> “

3、在终端启动项目: 输入 python manage.py runserver 或点击顶部绿色三角 
显示“System check identified no issues (0 silenced).
August 13, 2024 - 16:06:32
Django version 5.1, using settings myproject003.settings
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.”
---点击 http://127.0.0.1:8000/ ;可以看到网站首页
idc.csl1975.com    pycharm安装django框架「2024-8-12 19:34:54」
Male
小人物
pycharm安装django框架详细图文教程(指定版本)

https://www.jb51.net/python/301716m3w.htm
当前页:3 总页数:4 每页:10 总记录:37 | 首页  上一页  下一页  尾页 
页码:[1][2][3][4]
您是本站的第 位访客!

Copyright © 2009-2025 .All Rights Reserved.Powered by:Herosomy [管理登录]