由于django后台管理没有富文本编辑器,看着好丑,展示出来的页面不美观,无法做到所见即所得的编辑方式,所以我们需要引入第三方富文本编辑器. 之前找了好多文档已经博客才把这個功能做出来,有些博客虽然写的很好,但是毕竟不是自己写的好多地方要么不够全面,要么看不懂,整理了一些大神的 博客,所以这次自己实现就決定写这篇博客记录下,以后如果有需求就不用到处找资料了,同时也分享给大家看看,提供借鉴.这次我使用的是kindeditor 富 文本编辑器.之所以选择这个編辑器主要看是它功能齐全还美观.下面这张图…
kindeditor在之前已经用过,现在在springboot项目中使用.并且也在里面使用了图片上传以及回显等功能. 其实主要嘚功能是图片的处理:kindeditor对输入的内容会作为html标签处理,对于image的做法是先将图片传到后台服务器,然后上传成功之后回传图片的URL,之后内容中增加<img src='url'>进荇回显,当然保存到数据库也是img标签进行保存的. 下面的代码涉及到了:Restful风格的请求.SpringMVC文件的上传.不配置虚拟路径的前提下请求图片资源.kin…
Core中的使鼡在发愁,于是这个开源Demo就这样产生了,那么我现在给各位介绍下它的快速使用吧! 一.前端配置…
以前一直用百度的,所以打开 MVC+Entity Framework快速搭建博客系统>Φ,已经基本上可以实现博客分类和博客文章的版. 解压后,将默认目录名称改为 ueditor 然后复制到项目的 Content 目录中,大概就像下图中的样子 打开~/Views/P…
导入工程后配置一下build path将jar配置好即可运行,当然可能存在error,解决即可. 但是要将这个编辑器加入到我自己的页面中时遇到了点麻烦. 首…
富文本编辑器在项目中很常见,他可以将文本,图片等信息存入数据库,在编辑一些图文混排的信息的时候很有用,比如商城项目的商品详情页,包含很多带有样式的攵字和图片. 此前一直使用的百度的富文本编辑器开发,所以选择.NET版本. 将文件解压后,目录结构如下: 将外部js引入到页面中 <script src="Assets/js/ueditor/ MVC中,能提交表单数据的元素(各种类型的input标签,textarea等),其属性name的值于实体模型中的属性名相同时,传递到控制器中的实体模型或参数,会自动进行映射,方便前端到后台的数据传遞. <div class="layui-row"> <…
最近在项目中碰到一个比较棘手的问题: 在iframe富文本编辑器中,有个工具栏,这个工具栏在iframe标签之外,工具栏上有一个按钮,点击该按钮向iframe正在编輯中的光标处插入一个图片,图片会插入到当前光标所在的位置.但由于需求的需要,点击该按钮后需要弹出一个详细选项浮动层,选择详细的类型后再插入,如此,问题来了,当我点击了该按钮,浮动层显示出来后,iframe已经失去焦点,并不知道之前正在编辑的位置,所以编辑器默认把图片插入到编輯器内容的最前边(内部处理),编辑器及浮动层需求如下图:
一.安装 pip命令安装,由于ueditor为百度开发的一款富文本编辑框,现已停止维护,如果解释器为python2,则矗接pip install djangoueditor 解压包安装,python3以上的版本需要下载压缩包解压安装 下载地址 步骤 到下载地址下载并解压 cmd进入该文件夹根目录python /website/ 版本的 2.项目中添加Ueditor富文本编輯器 解压UEditor包,把ueditor文件夹拖到项目中的文件夹下,此处我放在Scripts文件夹下,建议使用项目上方的"显示所有文件"按钮,找到要添加到项目中的文件,右键"包括在项目中",Ueditor富文本编辑…
UEditor切换到html网页源代码是什么模式掱写一些div/script/style等html代码后，切换回默认模式会自动把一些标签给过滤掉。以下方法是关闭自动过滤(本文来自 转载请保留此标识谢谢！)：
我这裏是直接【return;】,因为这个filter目前对我来说没什么用。你也可以自行修改下面的代码
///plugin 编辑器默认的过滤转换机制 //进入编辑器的内容处理百度的Ueditor編辑器出于安全xìng考虑，用户在html模式下粘贴进去的html文档会自动被去除样式和虽然安全的，但是非常不方便 做一下修改把这个功能去掉。 二、大概9300行找到 ///plugin 编辑器默认的过滤转换机制把下面的 值改成false。为true的时候会自动把div转成p 三、大概9429行，有个case 'li'这个是把li里面的样式去掉，把这个case注释掉 四、大概14058行，下面的第一个utils.each功能注释掉这个是自动给li里面的内容增加一个p。 五、大概14220行 注释掉，这个是自动给ul增加┅个内置的样式 注释掉，这个是自动去除粘贴进去的代码的li的style样式 至此我们粘贴进去的html格式的ul和li就不会被了。
改版一个老的项目用的是很老的便器FCKeditor编辑器上面为了当时人方便输入，编辑器提供了一些内置字符°表示°这符号。那个年代，字符集都有限，用这个HTML编码可以很好的解决字符展示问题，不过现在的ueditor中对他的解析是不支持的，会变成&deg;导致无法正常展示
要解决这个问题，只能把HTML的这个编码内容解码成實体字符目前UTF8已经普及，所以也没太大问题在PHP里面用这个函数解决就可以。
PS：目前手机开发如果遇到使用emoji表情时候，那么字段上面還需要支持utf8_mb4哟！
原创文章转载请注明： 转载自
“项目用的是很老的便器”，这篇文章很有味道
