1.把kindeditor-4.1.1重命名为editor,删除asp,asp.net,jsp这三个文件夹

2.把php文件夹命名为upload,在editor里在建一个文件夹名为uploadfiles,以后上传的图片都在uploadfiles里, 打开upload文件夹里的upload_json.php文件,修改如下:


3.在要操作的模板里引入以下文件:

 <link rel="stylesheet" href="../../../editor/themes/default/default.css" /> 

<script charset="utf-8" src="../../../editor/kindeditor-all.js"></script>

<script charset="utf-8" src="../../../editor/lang/zh_CN.js"></script>

还有

<script>

KindEditor.ready(function(K) {

    window.editor = K.create('#editor_id',{

        cssPath:'../../../editor/plugins/code/prettify.css',

        uploadJson:'../../../editor/upload/upload_json.php',

        resizeType :1,

        allowPreviewEmoticons : true,

        allowImageUpload : true,

      });

});

注意路径

4.把添加内容的文本框换为:

<textarea id="editor_id" cols="100" rows="15" name="article_content"></textarea>

5.至此,编辑器初步使用完成

4.对于编辑器发布的内容,前台模板显示为html的解决办法是:

在模板输出字段加入html_entity_decode()函数

也就是:PHP输出时的问题。用html_entity_decode()函数把 HTML 实体转换为字符即可了。


初学者如需购买thinkphp程序(包括前后台),加个人微信LBXZFR2013

微信扫描关注“公众号” 有惊喜

kindeditor-4.1.10在线编辑器的使用相关推荐

  1. kindeditor在线编辑器的使用心得

    转自 http://blog.csdn.net/chongxin1/article/details/53615354 1. 如何声明引用? <!DOCTYPE html> <html ...

  2. KindEditor 在线编辑器

    KindEditor 在线编辑器 http://www.kindsoft.net/demo.php

  3. html4.0编辑器,KindEditor HTML(在线编辑器)

    KindEditor是在国内比较受欢迎的HTML在线编辑器,本次更新新增单元格编辑功能,各种按钮(确定.取消.上传等按钮)在不同浏览器上保持相同外观. KindEditor v4.0.4 更新日志: ...

  4. 作为程序员的你,这10款在线编辑器,你用过哪一个?

    1.OnlineGDB 官方网站: https://www.onlinegdb.com/ OnlineGDB支持多语言,支持控制台输入,支持GDB调试,它具有代码高亮.智能提示.下载代码.自定义设置. ...

  5. 国产网页在线编辑器kindeditor的使用

    作为以前在使用fckeditor,后来浏览器更新后发现fck编辑不好用(而且是致命的问题,根本不能编辑),而且界面也做的不怎样!后来发现国产中有一款开源的网页在线编辑器,试了一下感觉效果很不错!使用也 ...

  6. confluence 编辑器这次没有加载_介绍10款平时项目里使用比较多的在线编辑器,有需要可以收藏起来

    我这里只是收集一些常用在线编辑器,对编辑器的功能,性能,使用难易程度不做任何评测,因为每个人的使用习惯不一样,使用场景也不一样. UEditor (百度开发) UEditor 是一套开源的在线HTML ...

  7. KindEditor 4.1.10 (2013-11-23)首行空格不能显示在编辑器内

    KindEditor版本: KindEditor 4.1.10 (2013-11-23) 一.BUG再现步骤: 1.文章前面插入二个全角空格作为缩进,因为并非所有段落都有缩进故不采用 CSS 的 te ...

  8. jquery插件课程2 放大镜、多文件上传和在线编辑器插件如何使用

    jquery插件课程2 放大镜.多文件上传和在线编辑器插件如何使用 一.总结 一句话总结:插件使用真的还是比较简单的,引包,初始化,配置参数(json),配置数据(json),而后两步不是必须的.而且 ...

  9. Java Web实用开发技术(4)------在线编辑器

    在线编辑器是一种通过浏览器等对文字.图片等内容进行在线编译修改的工具,让用户在网站上获得"所见即所得"效果.例如:实现诸如留言板.论坛.新闻发布等Web模块时,经常用到在线编译器, ...

最新文章

  1. python基础代码-python基础,python基础代码大全
  2. kubesphere发布应用到应用商店完整步骤
  3. ubuntu16.04无法连接WiFi搜索不到网络网卡驱动
  4. 通过对象指针的方式强行指定到子类_C++中的虚指针与虚函数表
  5. sqli-lab——Writeup21~38(各种过滤绕过WAF和)
  6. getAttribute, getParamter区别 转帖
  7. 作业6--第3、4、5天进度
  8. 基于VHDL语言的一位全加器
  9. 1 统计学习方法基础
  10. 一文详解神经网络 BP 算法原理及 Python 实现
  11. php 如何在h5页面中调取手机摄像头,HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题...
  12. 【语音数字信号处理】有关幅度谱、相位谱以及利用二者合成频谱
  13. Navicat Premium 连接 MongoDB 失败: Cannot connect to MongoDB.No suitable servers found: ......
  14. 水晶报表 文件 xxxx{354234-523432-5235-325-2523}.rpt 文件内部出错:无法加载数据解决方案
  15. 【贰】人生穷富的关键
  16. Tower of Hanoi(汉诺塔)详解
  17. 安卓开发:怎样实时在百度地图上绘制运动轨迹?
  18. 【米思米工业产品知识分享】- 轴承的分类与主要用途
  19. 声源定位之GCC-PHAT算法
  20. 北大计算机本科生如何保研清华,保研北京大学的2018届本科生,都来自哪些高校?...

热门文章

  1. Javaweb1:HTML、各种标签
  2. 页面老报错: 对象不支持此属性或方法
  3. 数学建模常用模型07 :模糊综合评价法
  4. Excel导出模板加数据时,下拉框丢失解决方案
  5. 7-5 梅森数 (10 分)
  6. 矩阵变换器MATLAB仿真,其他仿真模型也可 图中为三相矩阵 变换器仿真模型及其输入输出电流波形
  7. 刹车防抱死系统(ABS)
  8. 上传计算机桌面文件图标不见,关于桌面上图标都不见了这类问题的解决方法
  9. 让你的python说话
  10. CSS学习笔记(十)对表单和数据表格使用样式