tinymce

b站视频连接： https://www.bilibili.com/video/av41733850/ 视频所用django1.8版本，但本人使用django2.2，故写下这篇文章记录所遇错误及步骤。 虚拟环境建立：mkvirtualenv 虚拟环境名 #虚拟环境一般自动生成在C:\Users\电脑用户名\Envs目录中，如需自定义设置详情看此篇文章： https://blog.csdn.net/godot06/article/details/81079064 整体机构： 创建项目：django-admin startproject 项目名 创建每个项目中的模块：python manage.py startapp 名称 设置settings文件：修改所需要的数据库 静态文件目录 模板目录 1 # BASE_DIR绝对路径 2 sys.path.insert(0,os.path.join(BASE_DIR, ' apps/ ' )) 3 ...... 4 5 6 INSTALLED_APPS = [ 7 ' django.contrib.admin ' , 8 ' django.contrib.auth ' , 9 ' django.contrib.contenttypes ' , 10 ' django.contrib.sessions ' , 11 ' django.contrib

1.注册博客园账号 1.1百度搜索博客园，认准官网 1.2点击右上角注册 1.3填写个人信息点击注册 注意 登录名称 和 显示昵称 后期都可以改， 且不会产生影响 登录名称和密码为以后登录的凭据，务必记住 1.4输入邮箱验证码并点击下一步 1.5输入手机验证码并点击下一步 1.6点击登录 登录用户名是 1.3填写个人信息注册 的 登录名称 和 密码 1.7补充 到此就完成博客园账号的注册， 但是并未开通博客，只能看别人的博客 ，开通博客参考 2开通个人博客 以后登录直接百度搜索博客园，点击右上角登录，输入账号密码就可以了，密码忘记可以邮箱找回 2.开通个人博客 2.1登录后并点击我的博客 2.2填写个人信息并提交审核 申请理由可填写学习交流，记录个人学习经验等，其他信息依实填写，然后点提交， 几分钟到半天左右审核会通过，根据提交时间决定，建议白天工作时间提交 2.3审核通过，点击立即开通博客 2.4填写博客地址和选择博客皮肤 按照规则填写博客地址，根据个人喜好选择博客皮肤， 先看完2.4.1再填写博客地址 2.4.1如何取名博客地址 博客地址最好是自己英文名字或者中文拼音， 博客地址以后不可改 关于博客地址： 1.博客地址和 1.3填写个人信息并注册 无关， 博客地址不是登录名 2.别人访问博客可用直接通过 博客园域名+博客地址名 访问 例如我的博客地址 https://www

点击▲关注 “ 爪哇妹 ” 给公众号标星置顶 更多摄影技巧 第一时间直达 EuiAdmin是基于Vue+Element等组件联合开发的一个免费的开源后台，你可以通过（euiadmin.com）进行下载和体验，此后台免费开源，可以直接免费使用。 免费开源后台主要为了能够减少开发者的时间，可以快速构建一个后台管理系统，为大家提供一个简单的学习环境。 1. 亮点 1、 支持后台自定义 2、 多页面自定义 3、 TinyMce富文本支持 4、 左侧菜单收缩、伸展 5、 Echarts图表支持 2. 主要 JavaScript 库 Vue+Element-Ui+vue-router+vue-cookies+echarts，通过四个JavaScript库你可以更简单的更快的使用后台。 3. EuiAdmin 图片集 登录 集成登录+注册+密码找回 主页 富文本 集成Vue最强tinymce富文本编辑器，可以满足基础的文本编辑 丰富动画 Animate动画助力EuiAdmin成长，可以直接将需要的动画进行选择将"动画 class名"的内容放到需要的class中便可以实现动画 用户表格 所有数据为JavaScript数据虚拟生成，如有雷同纯属意外。支持页面和条数切换 Echarts图表 常用网站设置-网站设置 高级自定义 可以自定义网站基础颜色、菜单颜色等 4. 怎样获取 你可以通过访问 www

EuiAdmin是基于Vue+Element等组件联合开发的一个免费的开源后台，你可以通过（euiadmin.com）进行下载和体验，此后台免费开源，可以直接免费使用。 免费开源后台主要为了能够减少开发者的时间，可以快速构建一个后台管理系统，为大家提供一个简单的学习环境。 1. 亮点 1、 支持后台自定义 2、 多页面自定义 3、 TinyMce富文本支持 4、 左侧菜单收缩、伸展 5、 Echarts图表支持 2. 主要 JavaScript 库 Vue+Element-Ui+vue-router+vue-cookies+echarts，通过四个JavaScript库你可以更简单的更快的使用后台。 3. EuiAdmin 图片集 登录 集成登录+注册+密码找回 主页 富文本 集成Vue最强tinymce富文本编辑器，可以满足基础的文本编辑 丰富动画 Animate动画助力EuiAdmin成长，可以直接将需要的动画进行选择将"动画 class名"的内容放到需要的class中便可以实现动画 用户表格 所有数据为JavaScript数据虚拟生成，如有雷同纯属意外。支持页面和条数切换 Echarts图表 常用网站设置-网站设置 高级自定义 可以自定义网站基础颜色、菜单颜色等 4. 怎样获取 你可以通过访问 www.euiadmin.com ，登录后台后，点击"获取源码获取"

关注我 们, 设为星标,每天7:30不见不散,架构路上与您共享 回复" 架构师 "获取资源 基于Vue+Element等组件联合开发的一个免费的开源后台， 免费开源后台主要为了能够减少开发者的时间，可以快速构建一个后台管理系统，为大家提供一个简单的学习环境。 1. 亮点 1、 支持后台自定义 2、 多页面自定义 3、 TinyMce富文本支持 4、 左侧菜单收缩、伸展 5、 Echarts图表支持 2. 主要 JavaScript 库 Vue+Element-Ui+vue-router+vue-cookies+echarts，通过四个JavaScript库你可以更简单的更快的使用后台。 3. 图片集 登录 集成登录+注册+密码找回 主页 富文本 集成Vue最强tinymce富文本编辑器，可以满足基础的文本编辑 丰富动画 Animate动画助力EuiAdmin成长，可以直接将需要的动画进行选择将"动画 class名"的内容放到需要的class中便可以实现动画 用户表格 所有数据为JavaScript数据虚拟生成，如有雷同纯属意外。支持页面和条数切换 Echarts图表 常用网站设置-网站设置 高级自定义 可以自定义网站基础颜色、菜单颜色等 4. 怎样获取 1. 识别并关注公众号「 Java架构师社区 」； 2. 在下面公众号后台回复关键字「 222 」。 👆 长按上方二维码 2 秒

一 Tinymce可视化编辑器 参考： https://panjiachen.gitee.io/vue-element-admin/#/components/tinymce 二 组件初始化 Tinymce是一个传统javascript插件，默认不能用于Vue.js因此需要做一些特殊的整合步骤 1 复制脚本库 将脚本库复制到项目的static目录下（在vue-element-admin-master的static路径下） 2 引入js脚本 在guli-admin/index.html 中引入js脚本 <script src="/static/tinymce4.7.5/tinymce.min.js"></script> <script src="/static/tinymce4.7.5/langs/zh_CN.js"></script> 三 组件引入 为了让Tinymce能用于Vue.js项目，vue-element-admin对Tinymce进行了封装，下面将它引入到课程信息页面 1 复制组件 src/components/Tinymce（在vue-element-admin-master的src路径下） 2 引入组件 Info.vue 组件中引入 Tinymce // 注册富文本组件 components: { Tinymce }, 3 使用组件 <!-- 课程简介--> <el