Ueditor

UMeditor强大的富文本编辑器,UEditor的Mini版本

|▌冷眼眸甩不掉的悲伤 提交于 2019-11-29 08:11:19
UMeditor UMeditor富文本编辑器 UMeditor,简称UM,是 ueditor 的简版。是为满足广大门户网站对于简单发帖框和回复框的需求,专门定制的在线富文本编辑器。我们的目标不仅是要提高在线编辑的编辑体验,也希望能改变前端技术中关于富文本技术的门槛,让大家不再觉得这块是个大坑。 主要特点 轻量 : 主文件的代码量为139k。 加载速度更快 : 放弃了使用传统的iframe模式,采用了div的加载方式,以达到更快的加载速度和零加载失败率。 可定制 : 配置项完善,可定制程度高。 可扩展 : 代码层次拆分清晰,功能以插件形式挂接,可灵活定制需要的功能。 多后台支持 : 支持php、asp、jsp、.net四种后台部署代码 功能丰富 : 支持插入公式、粘贴QQ截屏、拖放上传图片、插入地图、草稿箱功能 入门部署和体验 第一步:下载编辑器 到官网下载 umeditor 最新版源码版本,下载之后打开 _examples/index.html 就可以看到演示例子。 [下载页面] 第二步:部署编辑器到页面 解压下载的包,放到你的项目中。 在你的页面要插入编辑器的位置,插入代码: <!-- 加载编辑器的容器 --> <script id="container" name="content" type="text/plain" style="width:600px;height

替换 WordPress 的编辑器为百度 UEditor 编辑器

我怕爱的太早我们不能终老 提交于 2019-11-29 02:58:43
不少国人吐槽 WordPress 自带的 TinyMCE 编辑器不好用,想要替换为百度的 UEditor 编辑器,好吧,今天倡萌就推荐一款 UEditor 编辑器插件,让你可以替换 WordPress 后台的编辑器为百度 UEditor 编辑器。 强大的百度开源富文本编辑器Ueditor正式登陆wordpress!此插件最早由taoqili开发,SamLiu改进,但两位作者均不再发布更新版本,大山在此基础上更新到Ueditor1.4.3.3。在此感谢三位前辈的付出,我( 杨圣亮 )在前几位的基础上添加了KityFormula数学公式插件。 就使用感受来说,速度、稳定性均优于其他wordpress编辑器插件,故拿出来和大家分享。此插件已经支持到最新版本wordpress4.6,理论上是不支持wordpress3.3以下版本,另外Ueditor1.4.3以上版本将不再承诺支持ie6/ie7。 百度Ueditor编辑器wordpress插件编辑界面内容框增加了滚动条,默认自动宽度,高度500px,如需更改请修改配置文件editor_config.js。 该版本 集成百度kityformula,添加对数学公式的支持。 演示地址: UEditor-KityFormula演示 下载地址: UEditor-KityFormula for wordpress2.0.1下载 插件发布地址: http

【Linux】史上最全的Find命令

笑着哭i 提交于 2019-11-29 02:43:23
Find 功能说明 :查找文件或目录。 语  法:find (-$) 参  数 && 说  明: [目录...] [-amin <分钟>] 查找在指定时间曾被存取过的文件或目录,单位以分钟计算 [-anewer <参考文件或目录>] 查找其存取时间较指定文件或目录的存取时间更接近现在的文件或目录 [-atime <24小时数>] 查找在指定时间曾被存取过的文件或目录,单位以24小时计算 [-cmin <分钟>] 查找在指定时间之时被更改的文件或目录 [-cnewer <参考文件或目录>] 查找其更改时间较指定文件或目录的更改时间更接近现在的文件或目录 [-ctime <24小时数>] 查找在指定时间之时被更改的文件或目录,单位以24小时计 [-daystart] 从本日开始计算时间 [-depyh] 从指定目录下最深层的子目录开始查找 [-empty] 寻找文件大小为0 Byte的文件,或目录下没有任何子目录或文件的空目录 [-exec <执行指令>] 假设find指令的回传值为True,就执行该指令 [-false] 将find指令的回传值皆设为False [-fls <列表文件>] 此参数的效果和指定"-ls"参数类似,但会把结果保存为指定的列表文件 [-follow] 排除符号连接 [-fprint <列表文件>] 此参数的效果和指定"-print"参数类似

我的网站搭建 (第22天) 改写评论框样式

夙愿已清 提交于 2019-11-28 21:16:53
一、前言 在上一篇内容 网站搭建 (第21天) 评论功能设计 ,已经将评论的模型使用,ajax的加载以及ckeditor评论样式大致都介绍了一遍。其实不管是ckeditor还是ueditor都非常的好用,在学会了如何配置ckeditor编辑框和评论框以后,我开始转向了ueditor的学习,个人觉得ueditor在外观上来看,要比ckeditor好一点点,作为编辑框或者评论框都是非常的适合。在这次改写评论框样式,代码层面需要修改的并不多,只需要对上篇内容的代码进行两处修改,一处是定义评论表单的form.py文件,需要对text字段的widget稍作修改,另一处则是表单提交的代码部分。此外,在了解这部分内容,还需要对ueditor有一个了解,不懂的朋友可以先看看我之前将ueditor应用到django后台的文章— 网站搭建 (第10天) Ueditor编辑器 。 二、改写评论表单文件 主要区别就是widget属性的部分,重新定义了ueditor的评论框样式,其他地方几乎没有作任何修改。 from django import forms from django.contrib.contenttypes.models import ContentType from django.db.models import ObjectDoesNotExist from ckeditor

我的网站搭建 (第十四天) xadmin强化后台

别等时光非礼了梦想. 提交于 2019-11-28 21:16:29
昨天在逛开源中国社区时,偶然在推荐中看到有关xadmin的文章,一想到Django自带的后台不是admin吗,难道它们之间有某种联系?果不其然,还真的是,xadmin就是admin的后台强化版,除强化一些功能外还增加了许多admin中没有的设计。举个例子:如使用Bootstrap作为UI框架,灵活且可自定义的页面布局,主页仪表板和小部件,字体图标和模型图标,即时编辑,图表功能,相关信息菜单等等。详细内容请查看文档: Django Xadmin 下面就从安装开始介绍xadmin的使用方法,替换行动开始 首先我也是在网络上各种找方案,找解决办法,我也不明白为什么有些错误大家也互相抄来抄去,对后来学习的人造成了很大的困扰,所以还是要擦亮眼睛去对待 xadmin的安装与配置 1.安装xadmin 方案一:使用pip直接安装xamdin pip install xadmin 方案二:通过git下载到本地 git clone https://github.com/XiaoFei-97/xadmin.git 方案三:直接在进入到 https://github.com/XiaoFei-97/xadmin ,然后Download压缩文件 其中方案一我试了安装不成功,总是出现丢包的问题,可能很多依赖没有自动下载,所以我选择方案二,方案三也是可行的,下载后解压缩可以看到 ├── build ├──

【军哥谈CI框架】之CI中集成百度UEditor

ぐ巨炮叔叔 提交于 2019-11-28 21:16:15
Hello,各位亲,话说上一回,军哥带大家 用 JQuery写了一个全国城市级联菜单的例子 ,不知道亲们学会了多少,是否自己可以独立写出来了呢。 军哥很是期待大家学有所获的,有不明白的地方随时留言吧。好了,接下来,今天军哥要带大家来一起来完成如何在CI框架中集成百度的UEditor编辑器。 我们先简单来了解一下为什么选择百度UEditor编辑器? UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码,在众多的编辑器中还是很出类拔萃的,目前百度编辑器也作为worderPress的插件替换了之前默认的编辑器,也足以看出UEditor的强大。 再来看一下效果图: 不赖吧,相信有淫已经等不急了吧!别急,我们一步步来~~ 一、 官网上 http://ueditor.baidu.com/website/ipanel/panel.html# 下 载最新 UEditor 的 PHP + UTF-8 版 完整源码包,解压到任意目录,解压后的源码目录结构如下所示: _examples :编辑器完整版的示例页面 dialogs :弹出对话框对应的资源和 JS 文件 themes :样式图片和样式文件 php :涉及到服务器端操作的 PHP 文件 third-party :第三方插件 editor_all

引入UEditor后其他列表项不显示

早过忘川 提交于 2019-11-28 20:31:39
本文转载于: 猿2048 网站 引入UEditor后其他列表项不显示 最近在做的一个后台管理系统,发现一个bug: 问题描述:如果其他列表项都用类为col-xs-12的div包裹,而引入UEditor的部分不用类为col-xs-12的div包裹,那么其他列表项将无法显示,UEditor编辑框也显示不完全; 解决办法:将引入UEditor的部分也用类为col-xs-12的div包裹,与其他列表项保持一致。 示例图: 来源: https://my.oschina.net/u/4191619/blog/3098979

word粘贴图片+的editor

我是研究僧i 提交于 2019-11-28 18:54:31
最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能。 我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的。目前还没有固定哪一个编辑器 有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。 在网上查了很多资料,UEditor和其它的Web编辑器(富文本编辑器)在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字,一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。 在网上找到说UEditor支持word粘贴,试了一下,只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话,那么用户就需要手动选择20次,这种操作用户是不可能接受的。 网上找了很久,大部分都有一些不成熟的问题,皇天不负有心人终于让我找到了一个成熟的项目。 1 、前端引用代码 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns = "http://www.w3.org

vue使用UEditor富文本编辑器

十年热恋 提交于 2019-11-28 18:34:58
1:下载富文本编辑器 放到static目录下 全局main.js引入 // 引入 UEditor,注意顺序 import '../static/UEditor/ueditor.config.js' import '../static/UEditor/ueditor.all.min.js' import '../static/UEditor/lang/zh-cn/zh-cn.js' import '../static/UEditor/ueditor.parse.min.js' 2:封装组件(由于不是经常用,注册局部组件) <template> <div id="vueUEditor" class="ueditor-box"> <script id="editor" type="text/plain"> </script> </div> </template> <script> export default { name: 'vueUEditor', data () { return { editor: null } }, props: { defaultMsg: { type: String }, config: { type: Object } }, mounted () { var that = this; that.editor = UE.getEditor('editor',

php开发常用插件

ぃ、小莉子 提交于 2019-11-28 17:38:07
font awesome 简介: font awesome是一套绝佳的图标字体库和CSS框架 网址: http://fontawesome.dashgame.com/ layer 简介: layer是一款近年来备受青睐的web弹层组件 网址: http://layer.layui.com/ raty 简介: raty是一款jquery评分插件 网址: http://www.jq22.com/jquery-info6430 select2 简介: Select2是一款可以对HTML的标签进行功能优化的jQuery插件,支持对列表进行检索,从远程数据源获取列表项等各种功能. 网址: https://select2.org/ highcharts 简介: 兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库 网址: https://www.hcharts.cn/ ueditor 简介: UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码… 网址: http://ueditor.baidu.com/website/ Boostrap Tags Input 简介: Boostrap Tags Input 插件基于Bootstrap实现了如:打Tag 和