django中如何使用tinymce

墨蓝 2022-03-19 08:42 530阅读 0赞

tinymce是一种富文本编辑器，本文主要介绍如何在django中使用tinymce这个插件，包括在前台展示和在后台admin中显示

前台页面:

首先将tinymce这个文件夹copy到相应的js目录下,然后需要修改tinymce/jscripts/tiny\_mce/plugins/advimage/image.htm这个页面,添加以下两个js文件,

<script type="text/javascript" src="/static/users\_static/js/jquery1.4.2-min.js"></script>  
<script type="text/javascript" src="/static/users\_static/js/jquery.form.js"></script>

这个只是我的目录，你们可以自行修改，只要将jquery1.4.2-min.js和jquery.form.js添加进来就可以了.<此外要实现上传图片的功能的话，还需自己在这个htm中做些修改并敲点代码，如果不会或需要参考可以联系我呵呵呵>。另外需要做的工作就是在你所要实现富文本编辑器的页面做些修改，需要将

<script type="text/javascript" src="/static/users\_static/js/tinymce/jscripts/tiny\_mce/tiny\_mce.js"></script>  
<script type="text/javascript" src="/static/users\_static/js/tinymce/textareas.js"></script>

这两个js文件加入到你所要展示的页面中，当然这个页面必须得有textarea这个文本框就可以了，可以将我实现的一个富文本编辑器展现给你们看看,z![1364706468_3306.jpg][]

后台显示:

直接的models.py所对应的类的\*\*Admin(类名)中加入：

class Media:

js=(

'hp\_static/js/tinymce/jscripts/tiny\_mce/tiny\_mce.js',

'hp\_static/js/tinymce/textareas.js',

)

搞定Ok！！！

就写这么多了，如果要实现图片上传的功能的话，可以联系我哈，或者看大家的要求，要求多的话，我会贴出来哦呵呵呵，，，。。~~~

[1364706468_3306.jpg]: https://img-my.csdn.net/uploads/201303/31/1364706468_3306.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，530人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3.3-TinyMCE：TinyMCE富文本编辑器基础使用

一、TinyMCE官网 [GitHub - tinymce/tinymce][GitHub - tinymce_tinymce] [TinyMCE中文文档中文手册][T

女爷i/ 2024年03月22日 23:00/ 0 赞/ 118 阅读

相关 django中mysql使用_Django中如何使用Mysql数据库

在Django中使用Mysql数据库方法一：首先在项目settings.py的文件同目录下的 init.py 文件里输入 import pymysql pymys

ゞ浴缸里的玫瑰/ 2023年01月11日 01:10/ 0 赞/ 215 阅读

相关 django中如何国际化页面

在web开发中经常会根据不同语言地区的用户显示不同的页面，或者你想集中管理你的页面提示或警告信息，这种情况下，我们一般都回利用一些系统自身的国际化功能来完成这个工作。

水深无声/ 2022年06月09日 10:44/ 0 赞/ 159 阅读

相关 tinyMCE 使用汇总

tinymce的官网: [http://www.tinymce.com/][http_www.tinymce.com] 1.tinymce的使用详解 [http://ww

心已赠人/ 2022年06月09日 02:19/ 0 赞/ 596 阅读

相关 tinymce 使用问题解决

1.最近的开发过程中使用了tinymce这个富文本控件,在本地测试的时候没有发现问题,但部署的时候,发现需要弹出对话框的功能都失效了,弹出白框. 后来用f12跟踪后发

谁践踏了优雅/ 2022年06月01日 09:16/ 0 赞/ 606 阅读

相关 django中如何使用tinymce

tinymce是一种富文本编辑器，本文主要介绍如何在django中使用tinymce这个插件，包括在前台展示和在后台admin中显示前台页面: 首先将tinymce这个文

墨蓝/ 2022年03月19日 08:42/ 0 赞/ 531 阅读

相关 django 中如何处理checkbox

分为两部分 1：用request获取页面中的值：比如页面的内容为: <form action="" method="POST"> <input type

迈不过友情╰/ 2022年03月19日 07:50/ 0 赞/ 233 阅读

相关 Django 之富文本编辑器-tinymce

这里的富文本编辑器以 tinymce 为例。环境：ubuntu 16.04 + django 1.10 + python 2.7 ubuntu安装tinymce： py

╰半夏微凉°/ 2022年03月08日 16:42/ 0 赞/ 357 阅读

相关 django中使用tinymce 富文本

django后台集成富文本编辑器Tinymce 安装方式一： 1、首先去python的模块包的网站下载一个django-tinymce的包 > https:

系统管理员/ 2021年12月16日 00:47/ 0 赞/ 403 阅读

相关在vue中使用tinymce组件

第一步：安装tinymce npm install @tinymce/tinymce-vue --save 第二步:下载tinymce文件，要把文件放到本地使用 https:

忘是亡心i/ 2021年11月13日 22:58/ 0 赞/ 669 阅读