PHP富文本编辑器 之Kindeditor的使用 一
2016-01-07 21:02
791 查看
一、下载编辑器源码
KindEditor 4.1.10 (2013-11-23) [1143KB]
下载页面: http://kindeditor.net/down. href="http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=18&is_app=0&jk=1b62f5b1167128c1&k=php&k0=php&kdi0=0&luki=4&mcpm=0&n=10&p=baidu&q=smileking_cpr&rb=0&rs=1&seller_id=1&sid=c1287116b1f5621b&ssp2=1&stid=9&t=tpclicked3_hc&td=1682280&tu=u1682280&u=http%3A%2F%2Fwww%2Eth7%2Ecn%2FProgram%2Fphp%2F201411%2F316468%2Eshtml&urlid=0" target=_blank>php
二、部署编辑器
将下载文件解压目录结构如下
三、修改HTML页面
1、在需要显示编辑器的位置添加textarea输入框
2、在该HTML页面添加以下脚本
<script src="../kindeditor-4.1.10/kindeditor.js"></script>
<script src="../kindeditor-4.1.10/lang/zh_CN.js"></script>
<script>
KindEditor.ready(function(K){
window.editor = K.create('#editor_id');
});
</script>
完整代码如下
效果如图:
KindEditor 4.1.10 (2013-11-23) [1143KB]
下载页面: http://kindeditor.net/down. href="http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=18&is_app=0&jk=1b62f5b1167128c1&k=php&k0=php&kdi0=0&luki=4&mcpm=0&n=10&p=baidu&q=smileking_cpr&rb=0&rs=1&seller_id=1&sid=c1287116b1f5621b&ssp2=1&stid=9&t=tpclicked3_hc&td=1682280&tu=u1682280&u=http%3A%2F%2Fwww%2Eth7%2Ecn%2FProgram%2Fphp%2F201411%2F316468%2Eshtml&urlid=0" target=_blank>php
二、部署编辑器
将下载文件解压目录结构如下
三、修改HTML页面
1、在需要显示编辑器的位置添加textarea输入框
<textarea id="editor_id" name="content" style="width:700px;height:300px;"> 这里输入内容...</textarea>
2、在该HTML页面添加以下脚本
<script src="../kindeditor-4.1.10/kindeditor.js"></script>
<script src="../kindeditor-4.1.10/lang/zh_CN.js"></script>
<script>
KindEditor.ready(function(K){
window.editor = K.create('#editor_id');
});
</script>
完整代码如下
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <script src="../kindeditor-4.1.10/kindeditor.js"></script> <script src="../kindeditor-4.1.10/lang/zh_CN.js"></script> <script> KindEditor.ready(function(K){ window.editor = K.create('#editor_id'); }); </script> <form method="POST" action="get_form.php"> <textarea id="editor_id" name="content" sytle="width:700px;height=300px"> </textarea> <input type="submit" name="button" value="提交"> </form>
效果如图:
相关文章推荐
- php线程安全与非线程安全安装包选择
- php闭包函数(匿名函数)
- php安装xdebug
- php及js中区分字符串和数字的方法
- PHP线程安全与非线程安全安装包选择
- 【php】Array
- lintcode 中等题:search in rotated sorted arrayII 搜索旋转排序数组II
- php7新特性
- 安卓核心组件三ContentProvider
- PHP学习练手(十二)
- php 写入txt文件
- phpExcel 读取和导出
- PHP 框架概况
- Ubuntu14.04下安装ZendStudio10.6.1+SVN出现Failed to load JavaHL Library
- 配置 php-fpm 监听的socket
- php写入数据到txt文件
- laravel中路由、视图、控制器的工作流程
- [转]验证E-mail、用户名、社保号、IP地址等10个实用的PHP正则表达式
- 2、FileOutputStream--->文件输出流(向文件写入数据)
- 如何写一个yii2的插件