搜索
简帛阁>技术文章>Django添加tinyMCE编辑器

Django添加tinyMCE编辑器

  tinymce的使用方法很简单,只需要在html页面中包含如下:

<!-- Place inside the <head> of your HTML -->
<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea"
 });
</script>

<!-- Place this in the body of the page content -->
<form method="post">
    <textarea></textarea>
</form>

  Django中需要修改的地方有两处:

  1. 在static目录下添加tinymce相关内容,主要是tinymce.min.js,以及针对某个页面的具体配置。
  2. 在某个应用的admin.py中修改如下:
    class ArticleAdmin(admin.ModelAdmin):
    	class Media():
    		js = [
    			'js/tinymce/tinymce.min.js',
    			'js/tinymce/tinymce_article_config.js',
    		]
    			
    
    admin.site.register(Article, ArticleAdmin)
    

      

      

tinymce的使用方法很简单,只需要在html页面中包含如下:<!Placeinsidethe<head>ofyourHTML><scripttypetext/jav
这里的富文本编辑器tinymce为例。环境:ubuntu1604+django110+python27ubuntu安装tinymce:python27$sudopipinstalldjangoti
Django原生的TextField并不友好,集成TinyMCE富文本编辑器Django版本:1115TinyMCE版本:467第一步:从官网下载TinyMCEhttps://wwwtinymceco
一参考https://panjiachengiteeio/vueelementadmin//components/tinymcehttps://panjiachengiteeio/vueelement
一、题外话最近负责了一个cms网站的运维,里面存在很多和编辑器有关的问题,比如编辑一些新闻博客,论文模块。系统采用的是FCKEditor,自我感觉不是很好,如下图特别是在用户想插入一个图片的话,就很
目录说明功能如何使用说明这是一个用Django开发的多人博客系统,功能简单,但完全满足公司内部或个人的博客使用需求。支持普通富文本编辑器(tinyMCE)和MarkDown编辑器由于嫌弃Django
1TinyMCE简介TinyMCE是一个轻量级的富文本编辑器,相对于CK编辑器更加精简,但必须满足绝大部分场景的需要。2安装和配置TinyMCE21安装TinyMCEnpminstall保存tiny
选择一个合适的富文本编辑器对于一个前端项目至关重要,这次我基于Vue来开发我项目中的前端部分,经过权衡选择了tinymce。其在UI,功能都很适合,tinymce官方文档:点击打开链接;引入tiny
富文本编辑器TinyMCE的使用(ReactVue)一,需求与介绍11,需求编辑新闻等富有个性化的文本12,介绍TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器TinyMCE的优势:开
TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、fro