php中如何使用KindEditor编辑器
前不久做了一个小网站,发布新闻的时候,同事推荐了一个好的富文本编辑器kindeditor,觉得用的挺方便,今天在这总结一下,简单的介绍一下kindeidtor使用,这里只将核心的一些配置说明列在下面,首先说一下准备工作:
1.下载:Kindeditor编辑器(是一个文件夹,在这重命名为eidtor)将其放在网站根目录下面,
2.引用:在同一级目录中创建一个news.php文件,用来引用该编辑器,下面是news.php中的内容
<html>
<head>
<script type="text/javascript" charset="utf-8" src="./editor/kindeditor.js"></script> <script type="text/javascript">KE.show({id : 'content_1',items:['source', '|', 'fullscreen', 'undo', 'redo', 'copy', 'paste','plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript', '|', 'selectall', '-','title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold','italic', 'underline', 'strikethrough', '|', 'image','advtable', '|', 'about']});</script>
</head>
<body><textarea id='content_1' name="content" style="width:727px;height:350px;"> </textarea>
</body>
</html>
该段代码中第一段js脚本主要是用来引用editor编辑器js文件(必须的),第二段js代码主要设置编辑器的样式,里面的东西大家可以根据需要增减,每一项的具体含义我在这不多说,大家可以参考网上的一些说明
3.配置eidtor编辑器,富文本编辑器有一个重要的功能是可以上传一些图片,使用之前需要进行配置,打开eidtor文件夹下
php文件夹下的upload_json.php文件,进行配置
editor默认的将图片放到了editor文件夹下的attached文件夹下,大家可以根据需要更改,同时也可以限制上传文件的大小,和文件类型.
经过上面的设置,就可以使用图文并茂的编辑器了。
php中如何使用KindEditor编辑器相关推荐
- KindEditor编辑器在ASP.NET中的使用
KindEditor编辑器在ASP.NET中的使用 最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEdit ...
- Django项目中集成富文本编辑器的通用方法,适合KindEditor,xhEditor,NicEditor,wymeditor等 .
首先,请参考我以前写的一篇博客:如何把nicEditor集成到django中使用 http://blog.csdn.net/huyoo/article/details/4382317 这篇文章中的做法 ...
- 关于KindEditor 编辑器中表格的问题
#关于KindEditor 编辑器中表格的问题 今天开发项目中有一个需求,需要多个表格联合打印,但是多个表格中又需要有各自独立的表头,起初是直接调用浏览器的打印接口,但是出现的问题是,当需要打印的表格 ...
- DWZ与KindEditor编辑器的整合
原文:DWZ与KindEditor编辑器的整合 DWZ自带的编辑器是xheditor,可能很多人用不习惯.就像我,习惯用kindeditor了.现在就来说说如何整合dwz和kindeditor. 一. ...
- 浏览器中插入富文本编辑器
常用的富文本编辑器有CKEditor.UEEditor.TinyEditor.KindEditor等.以下以kindeditor编辑器的使用为例. 1.官网下载KindEditor编辑器http:// ...
- kind富文本编辑器_在项目中集成富文本编辑器
前 言 现在学程序的都离不开 Markdown 语法了吧,Markdown 已经成为典型的转换为HTML的非正式规范和参考实现,现在市场上也出现了许多Markdown实现,在基本语法之上额外增加了 ...
- KindEditor编辑器结合EasyUi
KindEditor编辑器 var editor;//初始化编辑器 editor = KindEditor.create('#descriptionKindEditorU', {//创建编辑器item ...
- KindEditor编辑器上传图片超过限制
使用KindEditor编辑器上传较大图片时,会出现如下图所示的错误: 超过php.ini允许的大小这样的问题需要到php.ini文件中将upload_max_filesize = 2M的限制大小修改 ...
- 如何在一个页面上使用多个KindEditor编辑器并将值传递到服务器端
如何在一个页面上使用多个KindEditor编辑器并将值传递到服务器端 1.声明一个editor数组: 2.将之前的编辑器显示行代码: 3.传递KindEditor所填写的相关数据: 今天使用Kind ...
最新文章
- 全排列(含递归和非递归的解法)
- APUE学习之多线程编程(二):线程同步
- rgba的兼容性 IE
- SAP ABAP Platform 1909最新版的 docker 镜像
- DCASE 2017声场分类任务描述——数据集及基线系统
- 部编版是什么版本_教材部编版和人教版的区别
- POJ2987 Firing 最大权闭合图
- MySQL 历史版本安装和下载
- RabbitMQ消息队列,看这篇文章就够了
- 微信小程序报错 TypeError: Cannot read property ‘setData‘ of undefined
- 生信技能树课程记录笔记(七)20220602-20220604
- 无线安全相关介绍及Windows下扫描WiFi
- Mybatis:高级知识1- resultMap实现一对一、一对多、多对多
- 深入解析数据压缩算法
- Codeforces Round #583 (Div. 1 + Div. 2, based on Olympiad of Metropolises)
- LTE 怎么从信令里提取 IMSI
- android微信右滑删除,Android实现微信侧滑删除当前页面
- Qt 数字报阅读器 图文版
- Linux下aMule安装教程
- 关于Android高德地图路线规划的学习