在admin或者adminx后台中使用富文本编辑器 一.建立模型:(安装django-tinymce==2.6.0) from django.db import models from tinymce.models import HTMLField # Create your models here. class GoodTest(models.Model): status_choices = ( (0, '下线'), (1, '上线') ) status = models.SmallInteg…

操作系统为OS X 10.9.2,Django为1.6.5. 1.下载和安装 1.1 安装 ckeditor 下载地址 https://github.com/shaunsephton/django-ckeditor ,下载后进入目录安装 django-ckeditor-master bamboo$ sudo python setup.py install 1.2 安装 Pillow django-ckeditor-master bamboo$ easy_install Pillow sudo A…

Uedit是百度一款非常好用的富文本编辑器 一.安装及基本配置 官方GitHub(有详细的安装使用教程):https://github.com/zhangfisher/DjangoUeditor 1. settings.py INSTALLED_APPS = [ ... 'DjangoUeditor', ... ] 2. 配置urls from django.conf.urls import url, include urlpatterns = [ # 富文本相关url url(r'^uedit…

flask是一个用python编写的轻量级web框架,基于Werkzeug WSGI(WSGI: python的服务器网关接口)工具箱和Jinja2模板,因为它使用简单的核心,用extension增加其他功能.Flask没有默认使用的数据库.窗体验证工具.然而,Flask保留了扩增的弹性,可以用Flask-extension加入这些功能:ORM.窗体验证工具.文件上传.各种开放式身份验证技术. flask安装: pip install flask flask的教程网上有很多,我这里就不细说了 T…

一.Ueditor插件下载自:http://ueditor.baidu.com/website/ 二.将解压文件目录ueditor复制到项目根目录后, 修改以下几个文件配置: 1.访问路径配置:ueditor.config.js //为编辑器实例添加一个路径,这个不能被注释 UEDITOR_HOME_URL: "http://localhost:4458/ueditor/" // 服务器统一请求接口路径 , serverUrl: URL + "/net/controller.…

现在比较常用的富文本编辑挺多的,如ueditor.fckeditor.kingeditor等,本文主要介绍一下KindEditor的配置与使用. 先去官网http://www.kindsoft.net/下载此编辑器的最新版本,比如现在的4.1.7版本,下载回来后,可以进行精简,将一些用不到的文件或文件夹删除. 一.将解压出来的整个KindEditor4.1.7文件夹复制到项目的Content文件夹下,并重命名为kindeditor. 可以将asp.jsp.php.examples这四个文件夹直接…

0922自我总结 django后台管理-admin 一.模型注册 admin.py 注册方式一: #在对于注册的app中的admin文件中导入模型然后注册模型 admin.site.register(导入的模型类) 注册方式二该方法是Django1.7的版本新增的功能: from django.contrib import admin from blog.models import Blog #Blog模型的管理器 @admin.register(Blog) class BlogAdmin(ad…

1.下载kindeditor 网址:http://kindeditor.net/demo.php2.解压到项目中 地址:\static\js\kindeditor-4.1.103.删除没用的文件 例如:example,php,asp等4.在需要使用富文本编辑器的model中定义meta类: class Media: js = ( '/static/js/kindeditor-4.1.10/kindeditor-min.js', '/static/js/kindeditor-4.1.10/lang…

文章描述.新闻详情和产品介绍等,都需要大量的文字描述信息或图片.视频.文字的编辑等,这个时候我们就需要介绍第三方富文本编辑器. 今天介绍的是django中绑定和应用kindeditor编辑器: 效果如图: 一.应用中使用 第一步:到官网下载 kindeditor 下载好后删除这些没有的文件asp,asp.net,jsp,php.在django中这些都没用. 第二步:将删除后的文件引入自己的项目中.根目录下的static/js/kindeditor/ 第三步: 1.创建前端测试展示页kindedi…

npm安装编辑器组件npm install vue-quill-editor –save 在components文件夹创建ue.vue组件,如下 ue.vue代码如下: <!-- 组件代码如下 --><template> <div> <script id="editor" type="text/plain"></script> </div></template><script&…

在微信小程序中我们往往需要展示一些丰富的页面内容,包括图片.文本等,基本上要求能够解析常规的HTML最好,由于微信的视图标签和HTML标签不一样,但是也有相对应的关系,因此有人把HTML转换做成了一个富文本转化插件wxParse,方便我们使用,前人种树后人乘凉,我们使用它来解析HTML就很方便了,这对于我们在后端已经完成的一些HTML内容,展示在小程序里就非常不错. 这个插件的Github地址如下:wxParse-微信小程序富文本解析组件,官方称它支持支持HTML及markdown解析,我这里主…

今天在做需求的时候,遇到有一个字段,需要保存带有格式的内容,决定使用富文本框编辑器Kindeditor来实现,解决方法如下: 登录官网下载控件包: http://kindeditor.net/down.php 下载后解压,把解压到的文件夹整个复制到项目里面, 然后,在需要用这个控件的页面这样引用它:<script src="../../kindeditor/kindeditor-all.js" type="text/javascript" /> 然后在页…

1.首先去官网下载编辑器:http://ueditor.baidu.com/website/download.html   我用的是asp.net  mvc开发模式所以选的是asp 2.前端页面必须引用的两个文件,放在自己项目文件里创建个文件夹什么的然后引用 3.设置编辑器的大小 <div> <script id="editor" type="text/plain" style="width:1024px;height:300px;&qu…

富文本编辑器学习,常见富文本编辑器有: CKeditor(FCkeditor).UEditor(百度推出的).NicEdit.KindEditor CKEditor 即 FCKEditor FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写.具备功能强大.配置容易.跨浏览器.支持多种编程语言.开源等特点.它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor. FCKeditor是一个专门使用在网页上属于开放源代码…

富文本编辑器,一般都是BS架构专利一般,好像百度有一个开源的比较出名,但无奈这些都只能用在JS上,在BS网页端开发上使用.像Winform开发的VSTO,只能羡慕的份.和一般Winform上用的RichText控件,别人BS的富文本编辑器就强大得多. 笔者找寻过程中,也总算找到一款很不错的开源控件,将它的dll编译后,还真能用了. 在Excel催化剂的批量邮件功能中, 为了得到最好的体验,不止是不用依赖OUTLOOK的组件来发邮件(好像VBA的方案只能用outlook组件,用户电脑没安装outl…

前言 为了在Django框架下使用Xheditor上传图片,居然折腾了我一个晚上.期间也遇到种种问题,网上相关资料极少.现在把经验分享给大家. 正文 xheditor篇 1.下载http://xheditor.com/ 2.将其中的xheditor-zh-cn.min.js以及xheditor_emot.xheditor_plugins和xheditor_skin三个文件夹copy到xheditor目录下.注:如果您网站中没有使用jQuery框架,也请一并上传jquery文件夹中的jquery-…

1 - 安装 pip install django-ckeditor 2 - 注册APP ckeditor 3 - 由于djang-ckeditor在ckeditor-init.js文件中使用了JQuery,所以要在settings.py中设置CKEDITOR_JQUERY_URL来指定JQuery库的路径,例如: CKEDITOR_JQUERY_URL ='https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js' 4 - 设定STATIC_…

之前使用的富文本编辑器是uEditor,kindEditor,感觉不太方便 近期项目vue单页面,就使用这个编辑器组件吧! 一.安装  cnpm install vue-quill-editor 二.引入 在main.js引入并注册: import VueQuillEditor from 'vue-quill-editor' // require styles 引入样式 import 'quill/dist/quill.core.css' import 'quill/dist/quill.sno…

UEditor:百度出品 官网连接:http://ueditor.baidu.com/website/ 错误现象:在官网上复制到本地后,上传图片功能不能用, 控制台提示:“请求后台配置项http错误,上传功能将不能正常使用”. 原因分析:和系统中支付宝的API有冲突. 解决方案:把UEditor的类加上命名空间UEditor. 包括下图中所有的类, 还有不要忘记 controller.ashx文件的修改效果: 好了,现在应该可以上传图片了. 如果上传好后,图片没有显示,那就是显示路径没配置好,…

 目前NK3C发送HTML邮件使用的的编辑器是CKEditor4.6版本,关于CKEditor的使用说明如下:   1.依赖JQuery1.7版本以上,在xxx.vm中<head></head>即引入  <scriptsrc="$rootPath/js/lib/jquery/jquery.min.js"></script> 2.添加标签<textarea></textarea>:  <textarea cla…

<div class="form-group"> <label class="col-xs-2 control-label text-right">内容</label> <div class="col-xs-10"> <script src="/Editor/kindeditor.js"></script> <script src="/Ed…

我司需要做一个需求,就是使用富文本编辑器时,不要以上传附件的形式上传图片,而是以复制粘贴的形式上传图片. 在网上找了一下,有一个插件支持这个功能. WordPaster 安装方式如下: 直接使用WordPaster.exe安装即可 然后在http://blog.ncmem.com/wordpress/2019/08/12/ueditor批量上传word图片/里面有详细的教程 效果: Word文档中的图片全部自动上传到服务器端,不再需要一张张手动转存操作,大幅度提高操作效率: 自动替换编辑器中的图…

该系列教程系个人原创,并完整发布在个人官网刘江的博客和教程 所有转载本文者,需在顶部显著位置注明原作者及www.liujiangblog.com官网地址. Python及Django学习QQ群:453131687 接着第一部分,本节将讲述如何安装数据库,编写第一个模型以及简要的介绍下Django自动生成的后台管理admin站点. 一.数据库安装 打开mysite/settings.py配置文件,这是整个Django项目的设置中心.Django默认使用SQLite数据库,因为Python源生支持S…

一. xadmin的使用 后台管理在开发中可以给我们提供很大的便利,django自带了一个后台管理admin,不过还有一个xadmin比django自带的好用一些,功能更加强大,为模型提供了版本控制,可以回滚数据.django中权限主要靠六表实现,首先是基础的user.group.permission三表,然后分别是user与group的多对多关系表.group与permission的多对多关系表,最后django特有的user与permission的多对多关系表.django基于用户user.…

1.要使用Django-admin后台的前提 INSTALLED_APPS = [ 'simpleui', 'django.contrib.admin', #必须有这一项 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'blog.apps.BlogConfig', ]…

Django后台管理的使用 参考文章:https://www.runoob.com/django/django-admin-manage-tool.html 1.编写好models 直接在admin.py中注册后显示的是对象,而不是数据: 2. createsuperuser 本步骤不详细解释,请参考以前的文章: 3.修改配置文件 LANGUAGE_CODE = 'zh-Hans' 修改后显示中文,而不显示英文 4.修改页面上的值 4.1 标题配置 admin.site.site_header…

在admin系统中引入富文本编辑器 (vue-quill-editor) 由于公司项目的需求,内容需要更新,那么自然需要admin后台来上传内容,在苦苦寻觅了N个编辑器之后,终于找到了一个比较容易使用,外观也比较美观的 vue-quill-editor 首先安装 cnpm install vue-quill-editor --save-dev 然后在需要使用的页面中引用 import { quillEditor } from 'vue-quill-editor' import 'quill/di…

Label借助富文本显示图片 1.即时通讯项目中语音消息UI的实现,样式如图: 借助富文本在UILabel中显示图片和文字 // 1.创建一个可变的富文本 NSMutableAttributedString *voiceAttr = [[NSMutableAttributedString alloc] init]; if ([self.reuseIdentifier isEqualToString:@"receiveCell"]) { // 接收方的label:图片 + 时间 // 2…

django-ckeditor库的使用步骤: 1.在命令行下安装django-ckeditor这个库: 命令:pip install django-ckeditor 2.安装成功后,配置Django项目中的settings.py文件: 2.1:将ckeditor和ckeditor_uploader注册到INSTALLED_APPS中: 2.2:配置富文本编辑的存储路径,以及ckeditor的配置如下图: 3.在模型(models.py文件)中引入富文本编辑器,并且在相应的字段内使用 3.1:引入…

web项目中nicedit富文本编辑器的使用 一.为什么要用富文本编辑器? 先说什么是富文本编辑器吧,普通的html中input或textarea标签只能进行简单的输入,而做不到其他的文本调整功能,甚至 连空格与回车都要另写工具类去识别,更谈不上字体大小和颜色的修改.整体排版都功能了.其实一般读入文段类型的输入框都需 要富文本编辑器,没错,你们平时写博客用的就是富文本编辑器.如果还是无法理解富文本与普通输入框的区别,请看下图:  二.为什么要选nicedit 同类富文本编辑器有很多,这里选nic…