kindeditor编辑器读取数据库问题
来源:互联网 发布:英汉翻译哪个软件最好 编辑:程序博客网 时间:2024/05/20 18:52
我们在kindeditor编辑器中写入文字,设置其字体、颜色,保存到数据库中。由于编辑器是覆盖在textarea文本框上的,好像无法直接用编辑器打开之前的文字遇到一定困难,所以只有在纯文本中查看文字。但是,显示时纯文本中会连带出现一些html元素,<html>....</html>,中间的内容基本是html代码表示这些文字的字体、颜色。
解决方案:
由于没法在textarea下取得HTML内容,于是我们结合DIV和异步编辑成功添加了编辑器,在对于取得编辑器HTML内容上面,我们是这样处理的:
KindEditor的可视化操作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要将HTML数据同步到原来的textarea,KE.sync函数会完成这个动作。
KindEditor在默认情况下自动寻找textarea所属的form元素,找到form后onsubmit事件里添加KE.sync函数,所以用form方式提交数据,不需要手动执行KE.sync函数。
//取得HTML内容
html = KE.html('editor_id');
//同步数据后可以直接取得textarea的value
KE.sync('editor_id');
html = document.getElementById('editor_id').value;
html = $('#editor_id').val(); //jQuery
//设置HTML内容
KE.html('editor_id', 'HTML内容');
而后在源代码中做了改进,结合ajax与异步加载实现了再编辑功能
KindEditor的可视化操作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要将HTML数据同步到原来的textarea,KE.sync函数会完成这个动作。
KindEditor在默认情况下自动寻找textarea所属的form元素,找到form后onsubmit事件里添加KE.sync函数,所以用form方式提交数据,不需要手动执行KE.sync函数。
//取得HTML内容
html = KE.html('editor_id');
//同步数据后可以直接取得textarea的value
KE.sync('editor_id');
html = document.getElementById('editor_id').value;
html = $('#editor_id').val(); //jQuery
//设置HTML内容
KE.html('editor_id', 'HTML内容');
而后在源代码中做了改进,结合ajax与异步加载实现了再编辑功能
- kindeditor编辑器读取数据库问题
- KindEditor编辑器的图片上传问题
- kindeditor-4.1 在线编辑器上传文件设置问题
- asp网站后台里嵌入kindeditor在线编辑器问题
- kindEditor编辑器的使用
- 可视化HTML编辑器 KindEditor
- KindEditor 在线编辑器
- kindeditor 编辑器的用法
- [编辑器]KindEditor 是什么?
- KindEditor 编辑器使用方法
- 线HTML编辑器KindEditor
- kindeditor编辑器 的使用方法!
- KindEditor编辑器的使用
- 所见即所得编辑器kindeditor
- KindEditor 编辑器使用方法
- 在线HTML编辑器 KindEditor
- 配置KindEditor文本编辑器
- kindeditor文本编辑器使用
- poj 3280 Cheapest Palindrome
- 3-4:前缀中的周期
- j2ee资料下载
- Ubuntu Linux 下安装配置JDK7
- Slop One 算法
- kindeditor编辑器读取数据库问题
- 深度学习之autoencoder
- Laravel 一步步写Laravel CMS(一)——添加后台 Laravel Administrator
- 汇编指令速查
- CODE 123: Reverse Integer
- ghfjghghjghjghj
- BZOJ1208 宠物收养所
- zedboard--网络文件系统NFS的使用(二十五)
- MinHash