富文本编辑器CKEditor

最新推荐文章于 2025-11-02 15:57:24 发布
最新推荐文章于 2025-11-02 15:57:24 发布
阅读量556 收藏
点赞数 5
CC 4.0 BY-SA版权
分类专栏： Django 文章标签： sqlite 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Calor13/article/details/139905224
Django 专栏收录该内容
59 篇文章 ¥19.90 ¥99.00
订阅专栏

介绍

经典编辑器的屏幕截图。

富文本编辑器不同于文本编辑器，它提供类似于 Microsoft Word 的编辑功能

在Django中，有可以现成的富文本三方模块django-ckeditor,具体安排方式：

pip install django-ckeditor==6.5.1

官网：Django CKEditor — Django CKEditor 6.7.0 documentation

使用方式

  • 创建项目

    django-admin startproject demo

  • 增加子应用

    • 


                

        

    



  


        

                

                  

                  

                  了解本专栏
                  
                  
                    
                  订阅专栏 解锁全文
                   
                

        


    



                



	

		

			

				
					
富文本编辑器 ck-editor5 的使用

				
			

			

				

					LueLueLue77的博客
				

				

					12-05
					
					1万+
					
				

			

		

		

			
				
最近在项目中需要用到富文本编辑器，据说ck-editor5很不错，于是就使用它了，不过在期间也遇到了很多问题，这里记录下。一、引入ck-editor5文档地址：Predefined builds - CKEditor 5 Documentation这里有个坑，我最初是根据文档执行下面的npm命令下载的，最后捣腾了半天发现里面功能不全，就是一个简单版本的ck-editor所以不推荐使用


推荐引入方式： 自定义配置自己所需要的功能生成build文件然后在项目中引入自定义配置地址：CKEditor 5 Onl

			
		

	



                

            
              



	

		

			

				
					
【Django富文本编辑】Ckeditor的配置、使用和踩坑（应该全）

				
			

			

				

					黎明总是如期而至
				

				

					08-29
					
					1万+
					
				

			

		

		

			
				
目录

一、基本应用

1.安装

2.配置ckeditor

3.models字段使用，引用步骤2中的ckeditor配置

4.forms字段使用

5.admin后台使用

二、前端应用

1.基本使用中的全部执行完后可以设置前端页面了（没有步骤5也可以）

2.urls路由

3.views配置

4.html页面配置

5.post后台处理数据

三、带图片上传的编辑器

1.安装pillow（所有屠屏功能都需要这个库）

2.添加配置ckeditor

3.urls文件配置

4.修改modes

			
		

	



              


  
              

                


	

		

			

				
					
在Django中安装、配置、使用CKEditor5，并将CKEditor5录入的文章展现出来，实现一个简单博客网站的功能

					
最新发布

				
			

			

				

					2509_93957103的博客
				

				

					11-02
					
					511
					
				

			

		

		

			
				
通过地址/myapp/Ckeditor即可访问CKEditor编辑页面，可以直接把word排版好的内容拷贝过来，格式和照片等都可以按word的排版正常显示。5. 为了使用方便，需要设置字体大小，根据word的使用习惯，按字号来设置字体，修改extends配置，增加fontSize设置。其中定义了三种配置，分别为“default”，“extends”和“list”，下面主要使用“extends”。4. 为了使用中文字体，需要修改extends配置，增加fontFamily设置，将中文字体放在英文字体的前面。

			
		

	





	

		

			

				
					
vue2中下载CKEditor 4包使用富文本

				
			

			

				

					qq_60654563的博客
				

				

					06-26
					
					2381
					
				

			

		

		

			
				
CKEditor 4富文本官方说已经不维护了，相当于报废的产品，但是基本的功能还是可以用的，用在vue里面基本没有什么问题网上很多的安装CKEditor 4步骤，但是亲身试用没用直接下载包好用。

			
		

	



		

			
		



	

		

			

				
					
ckeditor使用

					
热门推荐

				
			

			

				

					哇哈哈
				

				

					06-15
					
					1万+
					
				

			

		

		

			
				
http://www.iprue.com/article/123/http://hi.baidu.com/good_pb/blog/item/db2cac30d92ff797a9018e4b.htmlCKEditor 简介CKEditor 是一款功能强大的开源在线文本编辑器。它所见即所得的特点，使你在编辑时所看到的内容和格式，能够与发布后看到的效果完全一致。CKEditor 完全是基于

			
		

	





	

		

			

				
					
django-ckeditor富文本编辑器

				
			

			

				

					liulunan_lln的博客
				

				

					07-16
					
					921
					
				

			

		

		

			
				
5.启动Django项目并且进入刚在所改模型的字段页面中，可以看到有富文本编辑器生成。5.配置model(把字段改成RichTextUploadingField)4.在项目中manage.py文件下重新执行迁移，生成迁移文件。3.配置setting。

			
		

	





	

		

			

				
					
CKeditor

				
			

			

				

					小科学家的专栏
				

				

					12-12
					
					200
					
				

			

		

		

			
				
  首先介绍一下CKeditor的技术，其实CKeditor就是FCKeditor的升级版本，改名主要是与它公司的名字有关，这就是新出的版本Ckeditor3.0  官方网为：http://www.fckeditor.net/


  develops Guide 这个开发指南相当不错，一般我们学一样东西都是直接去看这个技术的开发指南，里面有一般的用法，让你迅速上手，而且很容易搞懂这些配置。...

			
		

	





	

		

			

          精选资源
				
					
富文本编辑器CKEditor配置及图片上传配置

				
			

			

				

					01-20
				

			

		

		

			
				
一、ckeditor4的配 1.下载ckeditor4 进入官网https://ckeditor.com/ckeditor-4/download/可以直接点击下载，也可以下拉到 CKEditor 4 – previous versions 进行版本选择下载   2.解压并配置 解压压缩包打开 ...

			
		

	





	

		

			

				
					
Flask项目-集成富文本编辑器CKeditor，实现了图片上传、文件上传、Flash上传等功能

				
			

			

				

					06-23
				

			

		

		

			
				
Flask项目——集成富文本编辑器CKeditor，实现了图片上传、文件上传、Flash上传等功能。方便进行项目集成及应用。代码无需任何修改，可完美执行！！！  Flask项目——集成富文本编辑器CKeditor，实现了图片上传、...

			
		

	





	

		

			

				
					
django轻松使用富文本编辑器CKEditor的方法

				
			

			

				

					09-21
				

			

		

		

			
				
本文将详细介绍如何在Django框架中集成并使用流行的富文本编辑器CKEditor。  首先，Django是一个功能强大的Python Web框架，它为开发者提供了构建高效且易于维护的Web应用的能力。然而，Django本身并不内置富文本...

			
		

	





	

		

			

				
					
富文本编辑器ckeditor

				
			

			

				

					12-18
				

			

		

		

			
				
富文本编辑器CKEditor是一款广泛应用于网页开发中的高级文本编辑工具，它允许用户在网页上进行格式化文本的创建、编辑和管理。CKEditor以其强大的功能、易用性和高度可定制性著称，为开发者提供了丰富的API接口和...

			
		

	





	

		

			

          精选资源
				
					
html富文本编辑器ckeditor最新版

				
			

			

				

					03-21
				

			

		

		

			
				
HTML富文本编辑器CKEditor是Web开发中广泛使用的工具，它允许用户在浏览器环境中创建和编辑复杂的HTML内容。最新版的CKEditor提供了丰富的功能和优化的用户体验，使其成为开发者首选的富文本解决方案之一。  首先，...

			
		

	





	

		

			

				
					
CKEDITOR

				
			

			

				

					
				

				

					06-26
					
					329
					
				

			

		

		

			
				
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html

			
		

	





	

		

			

				
					
ckeditor

				
			

			

				

					justdoit1024
				

				

					10-19
					
					174
					
				

			

		

		

			
				
     <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>       <script type="text/javascript">       CKEDITOR.replace( 'contents',         {             toolbar :   ..

			
		

	





	

		

			

				
					
CKEditor

				
			

			

				

					gswwxyhk的博客
				

				

					04-07
					
					482
					
				

			

		

		

			
				
一、配置
可在官网进行选择，自定义配置
1.https://ckeditor.com/ckeditor-4/download/  选择定制化套餐
2.选择预设
3.选择插件与编辑器皮肤
4.选择语言，英语、中文
5.下载
注：在附件组件，添加自己需要的组件。https://ckeditor.com/cke4/addons/plugins/all?sort_by=field_custom_downl...

			
		

	





	

		

			

				
					
Django CKEditor - 一个强大的Django富文本编辑器

				
			

			

				

					gitblog_00009的博客
				

				

					03-09
					
					921
					
				

			

		

		

			
				
是一个基于Django框架的富文本编辑器插件，提供了一种简单易用的方式将CKEditor集成到您的Django应用中。通过使用此项目，您可以为用户提供一种方便、直观的方式来创建和编辑带有文本样式、图片、表格等丰富元素的内容。

## 项目功能与用途

1. **富文本编辑**：Django CKEditor使用了流行的[CKEditor 5](https://ckeditor.com/ckedit...

			
		

	





	

		

			

				
					
CKEditor：功能丰富的可视化HTML编辑器

				
			

			

				

					weixin_35433448的博客
				

				

					07-25
					
					1438
					
				

			

		

		

			
				
CKEditor是一个广泛使用的全功能可视化HTML文本编辑器，它允许开发者和内容创作者以直观和高效的方式处理网页内容。自2003年首次发布以来，CKEditor一直是Web开发领域的重要工具，它不仅简化了在线内容的编辑，而且还推动了内容管理系统（CMS）和其他Web应用程序的编辑功能的发展。CKEditor的关键特性包括它的轻量级、可定制的用户界面、丰富的API，以及对不同浏览器的良好支持。它的可配置性和可扩展性使得开发者能够根据项目的需求量身定制编辑器，从而集成到复杂的应用程序中。

			
		

	





	

		

			

				
					
CKEditor在线编辑器

				
			

			

				

					Muhtar_的博客
				

				

					08-26
					
					3690
					
				

			

		

		

			
				
CKEditor是个专门使用在网上属于开放源码的文字编辑器，它用于轻量化，不需要太复杂的安装步骤即可使用，它可以和PHP，javascript,asp,java等不同的编程语言相结合。接下来介绍CKEditor在线编辑器的实例。...

			
		

	





	

		

			

				
					
富文本编辑器CKEditor4简单使用-01

				
			

			

				

					@素素~的博客
				

				

					01-28
					
					5019
					
				

			

		

		

			
				
富文本编辑器CKEditor4简单使用-01

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
菜鸟之编程

			
您的支持将成为我的动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值