6kzz整合ueditor
用过6kzz免费版的朋友都知道,它的后台编辑器是kindeditor,并且是两三年前的版本,有很多功能都没有,现在的kindeditor也不错,但感觉还是没有百度的ueditor强大(据说微信后台的编辑器也是它,依托竞争对手的产品,微信还需要不断提升实力),于是就把编辑器换位ueditor吧
下载下来ueditor后
就要进行配置了
本文就6kzz后台做实例,一般的比这个还要简单
1.仿照kindeditor,将ueditor拷贝到
目录的inc/下
2.找到调用编辑气的页面,在6k中是到admin/admin.php里
在引入编辑器文件的位置引入ueditor的文件和对其初始化
同时将引入原来编辑器的js文件删除或者注释掉
<!-- <script type="text/javascript" src="../inc/kindeditor/kindeditor.js"></script> --> <script type="text/javascript" src="../inc/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="../inc/ueditor/ueditor.all.js"></script>
然后初始化
<script type="text/javascript"> //var editor = new UE.ui.Editor(); //editor.render("myEditor"); //1.2.4以后可以使用一下代码实例化编辑器 UE.getEditor('myEditor') </script>
如果是文件编辑或者修改
那么在admin.php里会根据判断引入文章编辑article.php文件(6k自己的事,与配置编辑器无关)
在article.php里在文章内容处加载编辑器界面
<textarea name="content" id="myEditor" style="width: 800px; height: 400px;">{$row['content']}</textarea>
千万注意 此处id的值要与上文中编辑器初始化里
UE.getEditor('myEditor')
的值一致,否者不起作用
自此以成功引入编辑器
但用编辑器编辑的内容在读取时是不是自己想要的展示效果呢,显然不是
在ueditor下
有
在展示(文件读取页面)还需进行配置
在模板文件夹下模板文件比如
View.htm里加入
<script src="./inc/ueditor/ueditor.parse.js" type="text/javascript"></script> <script> uParse('.viewcontent',{ 'highlightJsUrl':'./inc/ueditor/third-party/SyntaxHighlighter/shCore.js', 'highlightCssUrl':'./inc/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css' }) </script>
注意文件路径
是view.php引入view.htm进行展示的,要以view.php的路劲为基准引入js文件
还得注意
<div class="viewcontent">{$row['content']}</div>
要展示的内容,的class名要与uParse()里的参数一致,否者也不会解析。
到此,基本的配置基本结束
下一步要配置的就是图片上传路径与在线图片管理了。
上传图片路劲配置
在ue下的php文件夹下的imageUp.php里
//上传配置
$config = array( "savePath" => ($path == "1" ? "../../../uploadfile/attachment" : "upload1/"), "maxSize" => 1000, //单位KB "allowFiles" => array(".gif", ".png", ".jpg", ".jpeg", ".bmp") );
在savePath里,如果上传到upload(后台上传进行)
把路劲改为
"../../../uploadfile/attachment"
上传图片时,图片就会存储到
Uploadfile/attachment/年月日/
在线图片的管理
有时(在我们没有配置该项时)我们明明上传了图片,但点击在线管理时却是空的
是应为我们少了这项配置
在ue下的php文件夹下的
imageManager.php里
$paths = array('upload/','../../../uploadfile/attachment/');
改成上面的上传路径就Ok了
文件附件等的上传与图片上传的配置类似
其实在ueditor.config.js
说的很明白,可以参考进行相关配置
本文仅作抛砖引玉,与大家分享!
6kzz整合ueditor的更多相关文章
- thinkphp 3.2.3整合ueditor 1.4,给上传的图片加水印
今天分享一下thinkphp 3.2.3整合ueditor 1.4,给上传的图片加水印.博主是新手,在这里卡住了很久(>_<) thinkphp 3.2.3整合ueditor 1.4 下载 ...
- Dedecmsv5.7整合ueditor 图片上传添加水印
最近的项目是做dedecmsv5.7的二次开发,被要求上传的图片要加水印,百度ueditor编辑器不支持自动加水印,所以,找了很多资料整合记录一下,具体效果图 这里不仔细写dedecmsv5.7 整合 ...
- 很详细的SpringBoot整合UEditor教程
很详细的SpringBoot整合UEditor教程 2017年04月10日 20:27:21 小宝2333 阅读数:21529 版权声明:本文为博主原创文章,未经博主允许不得转载. https: ...
- CI框架整合UEditor编辑器上传功能
最近项目中要使用到富文本编辑器,选用了功能强大的UEditor,接下来就来讲讲UEditor编辑器的上传功能整合. 本文UEditor版本:ueditor1_4_3_utf8_php版本 第一步:部署 ...
- springboot整合ueditor实现图片上传和文件上传功能
springboot整合ueditor实现图片上传和文件上传功能 写在前面: 在阅读本篇之前,请先按照我的这篇随笔完成对ueditor的前期配置工作: springboot+layui 整合百度富文本 ...
- activiti自定义流程之整合(二):使用angular js整合ueditor创建表单
注:整体环境搭建:activiti自定义流程之整合(一):整体环境配置 基础环境搭建完毕,接下来就该正式着手代码编写了,在说代码之前,我觉得有必要先说明一下activit自定义流程的操作. 抛开自定义 ...
- springMVC -- 整合UEditor(富文本编辑器)
工作中需要用到UEditor编辑文本,在与springMVC进行整合时,出现了一些问题,结果导致,在进行图片上传时出现如下提示: 上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题. 一种方 ...
- 七牛整合 ueditor (拦住那头牛,七牛又如何)
最近遇到个项目,要求所有图片都必须整合到七牛上,看了把你谈文档踩在前辈们的基础上终于把他完成了,恰巧本屌丝最近刚好有时间,本着天下屌丝是一家的原则,和小朋友们一同学习 闲话少说入正题. 第一 :下载编 ...
- JAVA SpringBoot2 整合 JSP视图模板 整合 Ueditor富文本编辑器
一般涉及到后台管理系统,就少不了富文本编辑器,这个可以图,文,视频混排的高级工具,笔者通过对比,发现目前市场上最好的三方库还当属百度的 ueditor 近年来 SpringBoot 框架可谓越来越火, ...
随机推荐
- RabbitMQ 之 WorkQueues工作队列
模型图 为什么会出现 work queues? 前提:使用 simple 队列的时候 (上一篇博客)我们应用程序在是使用消息系统的时候,一般生产者 P 生产消息是毫不费力的(发送消息即可),而消费者接 ...
- ng2 学习笔记(三)依赖注入与服务
前两篇文章简单介绍了ng2的一些基础用法,基本和ng1的使用风格差不多,只是写法和开发方式变化比较大. 这一篇,来总结一下ng的依赖注入与服务.官方的教程上是把他分开来讲的,个人感觉放在一起比较容易理 ...
- opencv:傅里叶变换
示例代码: #include <opencv.hpp> #include <iostream> using namespace std; using namespace cv; ...
- is(':visible')
.end()为结束前面处理函数,返回到最初的元素 .next()为此元素的下一个元素,可以再加上.next()表示下下一个元素,以此类推 :visible 选择器选取每个当前是可见的元素.语法:$(& ...
- python练习题100例
链接地址:http://www.runoob.com/python/python-100-examples.html
- AAC解码算法原理详解
”
- Mac上安装Jenkins持续部署初体验
1.首先去官网下载安装包 https://jenkins.io/doc/book/installing/ 安装完成后,很不幸,无法访问他的默认站点 查了一堆资料,有的说环境变量没有配置,有的说没有执行 ...
- (一)js概述
1. js:弱类型,动态类型,解释型的脚本语言. 2. 网景,布兰登艾奇,js和java没有关系,js的标准:ECMAscript. 3. js组成:ECMAscript + Bom ...
- shell 中并发执行
http://bbs.51cto.com/thread-1104907-1-1.html http://www.51testing.com/html/28/116228-238978.html htt ...
- 【英语】Bingo口语笔记(87) - 不要做某事的常见表达