广告
返回顶部
首页 > 资讯 > 后端开发 > Python >django中使用tinymce 富文本
  • 434
分享到

django中使用tinymce 富文本

文本djangotinymce 2023-01-31 00:01:10 434人浏览 泡泡鱼

Python 官方文档:入门教程 => 点击学习

摘要

1、首先去python的模块包的网站下载一个Django-tinymce的包 https://pypi.Python.org/pypi/djanGo-tinymce/#downloads   官网下载地址  

1、首先去python的模块包的网站下载一个Django-tinymce的包

https://pypi.Python.org/pypi/djanGo-tinymce/#downloads

 
官网下载地址
 
下载这个

2、下载上图的安装包,然后解压,进入文件夹,执行

python setup.py install

安装完成之后,就可以在D:\python\Lib\site-packages\django_tinymce-2.7.0-py3.6.egg这个文件夹。

点击进入文件夹,copy“tinymce”这个文件到你的项目的根目录下。

                             pip install django-tinymce

3、配置tinycmce到你的项目中,配置到admin数据库插入的后台中去

在settings.py中为INSTALLED_APPS添加编辑器应用

 

 
在settings.py加入tinymce

在settings.py中添加编辑配置项主要是些默认的属性配置 TINYMCE_DEFAULT_CONFIG = { 'theme': 'advanced', 'width': 600, 'height': 400, },设置编辑框的宽和高

在settings里面的urls.py中配置 url(r'^tinymce/', include('tinymce.urls')), 

 
配置tinymce的url

4、在代码中使用tinymce

在model下使用

 

5、在admin中编辑,并显示效果

在admin中注册tinymce

进入admin 并编辑

数据库中的效果

 

 

--结束END--

本文标题: django中使用tinymce 富文本

本文链接: https://www.lsjlt.com/news/181991.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • django中使用tinymce 富文本
    1、首先去python的模块包的网站下载一个django-tinymce的包 https://pypi.python.org/pypi/django-tinymce/#downloads   官网下载地址   ...
    99+
    2023-01-31
    文本 django tinymce
  • Vue怎么整合富文本编辑器TinyMce
    本篇内容主要讲解“Vue怎么整合富文本编辑器TinyMce”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue怎么整合富文本编辑器TinyMce”吧!选择一个合适的富文本编辑器对于一个前端项目至...
    99+
    2023-07-04
  • JS中富文本编辑器TinyMCE的示例分析
    小编给大家分享一下JS中富文本编辑器TinyMCE的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、题外话最近负责了一...
    99+
    2022-10-19
  • Vue使用Tinymce富文本自定义toolbar按钮的实践
    目录安装tinymce、tinymce ts、tinymce-vue声明文件封装组件组件使用Vue使用Tinymce富文本编辑器自定义toolbar按钮富文本编辑器有很多,流行的有U...
    99+
    2022-11-12
  • Vue+Webpack如何整合富文本编辑器TinyMce
    这篇文章主要为大家展示了“Vue+Webpack如何整合富文本编辑器TinyMce”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue+Webpack如何整合富...
    99+
    2022-10-19
  • django轻松使用富文本编辑器CKEditor的方法
    前言 django是一个容易快速上手的web框架,用它来创建内容驱动型的网站(比如独立博客)十分方便。遗憾的是,django并没有提供官方的富文本编辑器,而后者恰好是内容型网站后台管理中不可或缺的控件。ck...
    99+
    2022-06-04
    编辑器 文本 轻松
  • vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器
    安装tinymce富文本编辑器插件 npm i tinymce npm i @tinymce/tinymce-vue 创建Editor.js文件 封装组件 以便使用 impor...
    99+
    2023-09-04
    前端 javascript vue
  • Django集成富文本编辑器summernote的实现步骤
    目录第一步 安装django-summernote第二步 使用django-summernote第三步 测试效果第四步 常规配置提到Django的富文本编辑器,大家一定会想...
    99+
    2022-11-12
  • Vue中如何使用tiptap富文本编辑器
    Vue中如何使用tiptap富文本编辑器,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。为什么使用tiptap?市面上有不少富文...
    99+
    2022-10-19
  • Vue.js中如何使用Ueditor富文本编辑器
    这篇文章将为大家详细讲解有关Vue.js中如何使用Ueditor富文本编辑器,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1. 总体思路1.1 模块化vue...
    99+
    2022-10-19
  • 怎么使用Web富文本输入框
    这篇文章主要讲解了“怎么使用Web富文本输入框”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用Web富文本输入框”吧!输入框富文本化传统的输入框都是使...
    99+
    2022-10-19
  • 如何在laravel-admin中使用wang-editor富文本插件
    本篇文章为大家展示了如何在laravel-admin中使用wang-editor富文本插件,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。composer 添加“laravel-admin-ext/w...
    99+
    2023-06-15
  • 小程序中如何使用bdParse富文本解析工具
    这篇文章将为大家详细讲解有关小程序中如何使用bdParse富文本解析工具,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。在小程序页面的js文件中直接引入代码const bdParse...
    99+
    2023-06-20
  • C#怎么使用Ueditor富文本框实现上传文件
    本篇内容介绍了“C#怎么使用Ueditor富文本框实现上传文件”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!使用背景项目中需要用的富文本框去...
    99+
    2023-07-02
  • C#使用百度Ueditor富文本框实现上传文件
    目录使用背景准备创建项目配置项目使用使用背景 项目中需要用的富文本框去上传视频,图片的话大部分都是可以的。相对来说,国外的富文本框很成熟。但鉴于文档是英语,这里使用了百度的富文本框。...
    99+
    2022-11-13
  • vue3项目中怎么使用tinymce
    tinymce是一个功能齐全的富文本编辑器插件,但在vue中引入tinymce并不像别的Vue富文本插件一样那么顺利,tinymce本身并不适配Vue,还需要引入@tinymce/tinymce-vue,并且它是国外的富文本插件,没有通过中...
    99+
    2023-05-19
    Vue3 tinymce
  • 怎么使用Rust+React创建富文本编辑器
    这篇文章主要介绍“怎么使用Rust+React创建富文本编辑器”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用Rust+React创建富文本编辑器”文章能帮助大家解决问题。数据模型我们的产品是...
    99+
    2023-07-02
  • 前端、后台(ueditor)富文本的使用和回显
    前端、后台富文本的使用 前端如何配置ueditorjson文件注释 一、html、js引用ueditor二、后端返回ueditor的json文件1.配置接受ueditor的接口 三、回...
    99+
    2023-08-31
    前端 javascript php
  • Vue富文本插件(quill-editor)的使用及说明
    目录1、下载依赖2、全局引入及注册main.js3、封装组件RichText4、使用5、万事俱备之后6、格式问题总结介绍在Vue中使用quill-editor富文本插件,支持图片的放...
    99+
    2023-02-18
    Vue富文本插件 Vue quill-editor Vuequill-editor富文本
  • JavaScript中怎么实现富文本编辑器
    JavaScript中怎么实现富文本编辑器,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。Document.execCommand()先从最简单...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作