码迷,mamicode.com
首页 > 其他好文 > 详细

Django Admin后台使用tinymc 富文本编辑器

时间:2016-02-29 14:34:47      阅读:575      评论:0      收藏:0      [点我收藏+]

标签:

1、CDN地址

 <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

2、修改base.html模板

  编辑python下的 Lib\site-packages\django\contrib\admin\templates\admin 下的base.html

  在head中引入上面的代码

3、修改base_site.html

  编辑python下的 Lib\site-packages\django\contrib\admin\templates\admin 下的base_site.html

  在{% block branding %} 中加入

  

<script type="text/javascript">
  tinymce.init({
  selector: textarea,
  height: 500,
  theme: modern,
  plugins: [
    advlist autolink lists link image charmap print preview hr anchor pagebreak,
    searchreplace wordcount visualblocks visualchars code fullscreen,
    insertdatetime media nonbreaking save table contextmenu directionality,
    emoticons template paste textcolor colorpicker textpattern imagetools
  ],
  toolbar1: insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image,
  toolbar2: print preview media | forecolor backcolor emoticons,
  image_advtab: true,
  templates: [
    { title: Test template 1, content: Test 1 },
    { title: Test template 2, content: Test 2 }
  ],
  content_css: [
    //fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css,
    //www.tinymce.com/css/codepen.min.css
  ]
 });
  </script>

参考了此博客:http://sleepycat.org/blog/25/

Django Admin后台使用tinymc 富文本编辑器

标签:

原文地址:http://www.cnblogs.com/xiaolin2013/p/5227196.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!