网页添加html编辑器
来源:互联网 发布:网络借贷怎么样 编辑:程序博客网 时间:2024/04/29 20:27
效果就如上清析处
编辑器使用方法
1. 下载编辑器
下载 KindEditor 最新版本,下载之后打开 examples/index.html 就可以看到演示。
下载页面: http://www.kindsoft.net/down.php
2. 部署编辑器
解压 kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里,例如:http://您的域名/editor/
Note
您可以根据需求删除以下目录后上传到服务器。
- asp - ASP程序
- asp.net - ASP.NET程序
- php - PHP程序
- jsp - JSP程序
- examples - 演示文件
3. 修改HTML页面
- 在需要显示编辑器的位置添加textarea输入框。
Note
- id在当前页面必须是唯一的值。
- 在textarea里设置HTML内容即可实现编辑,在这里需要注意的是,如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容,则必须转换HTML特殊字符(>,<,&,”)。具体请参考各语言目录下面的demo.xxx程序,目前支持ASP、ASP.NET、PHP、JSP。
- 在有些浏览器上不设宽度和高度可能显示有问题,所以最好设一下宽度和高度。宽度和高度可用inline样式设置,也可用 编辑器初始化参数 设置。
- 在该HTML页面添加以下脚本。
Note
- 第一个参数可用其它CSS选择器,匹配多个textarea时只在第一个元素上加载编辑器。
- 通过K.create函数的第二个参数,可以对编辑器进行配置,具体参数请参考 编辑器初始化参数 。
4. 获取HTML数据
Note
- KindEditor的可视化操作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要执行 sync() 将HTML数据设置到原来的textarea。
- KindEditor在默认情况下自动寻找textarea所属的form元素,找到form后onsubmit事件里添加sync函数,所以用form方式提交数据,不需要手动执行sync()函数。
- KindEditor默认采用白名单过滤方式,可用 htmlTags 参数定义要保留的标签和属性。当然也可以用 filterMode 参数关闭过滤模式,保留所有标签。
0 0
- 网页添加html编辑器
- Html:网页添加背景音乐
- VC中添加HTML网页
- VC中添加HTML网页
- HTML编辑器-HTML网页表单可视化在线编辑器插件大全
- 优秀网页在线编辑器 KindEditor HTML
- 给网页编辑器添加paste事件
- 给IE添加多个HTML编辑器
- 如何在网页中添加FCK网页编辑器
- 在网页中添加视频(HTML)
- html——网页上添加表格
- HTML--如何在一张网页添加多张HTML页面
- 在线html网页编辑器ckeditor的使用与配置
- [Ruby] 网页添加文本编辑器 Kindeditor for Ruby on Rails
- javaweb项目给jsp网页添加百度编辑器的方法
- MyEclipse的html/JSP编辑器添加代码自动提示
- MyEclipse的html/JSP编辑器添加代码自动提示
- MyEclipse的html/JSP编辑器添加代码自动提示
- windows server 2008 检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件时失败
- 深入Java集合学习系列:CopyOnWriteArrayList详解
- 前端开发构建的网址 缓存更新
- 高德地图 AndroidSDK 自定义Marker
- 基于c++的单链表,双向链表操作以及环
- 网页添加html编辑器
- POJ 1988 Cube Stacking(带权并查集)
- 图解Linux命令之--cd命令
- 黑马程序员——OC语言加强---NSFileManager介绍和用法
- 标注问题以及隐马尔可夫模型
- hdu 3449 Consumer
- position:absolute相对于谁定位以及当溢出时怎么隐藏
- 文件写的简单实例
- 深入Java集合学习系列:深入CopyOnWriteArraySet