JS集成fckeditor及判断内容是否为空的方法


Posted in Javascript onMay 27, 2016

本文实例讲述了JS集成fckeditor及判断内容是否为空的方法。分享给大家供大家参考,具体如下:

<script type="text/javascript">
<!--
// Automatically calculates the editor base path based on the _samples directory.
// This is usefull only for these samples. A real application should use something like this:
// oFCKeditor.BasePath = '/fckeditor/' ; // '/fckeditor/' is the default value.
var sBasePath ='/fckeditor/';
var oFCKeditor = new FCKeditor( 'news_content' ) ;
oFCKeditor.BasePath = sBasePath ;
oFCKeditor.Height = 400 ;
oFCKeditor.Width = 600 ;
oFCKeditor.Value = '' ;
oFCKeditor.Create() ;
//-->
//取fck内容的长度
function GetMessageLength(str)
{
 var oEditor = FCKeditorAPI.GetInstance(str) ;
 var oDOM = oEditor.EditorDocument ;
 var iLength ;
 if ( document.all ) // If Internet Explorer.
 {
 iLength = oDOM.body.innerText.length ;
 }
 else // If Gecko.
 {
 var r = oDOM.createRange() ;
 r.selectNodeContents( oDOM.body ) ;
 iLength = r.toString().length ;
 }
// oEditor.InsertHtml('')
return iLength
} 
function CheckPost(){
 if(GetMessageLength("news_content")=='0')
 {
 alert('请输入内容');
 return false;
 }
}
//取fck内容
function GetMessageContent(str)
{
 var oEditor = FCKeditorAPI.GetInstance(str) ;
 return oEditor.GetXHTML();
}
</script>

当有以下config.php配置时:

$Config['UserFilesPath'] = '/upload/' ;
$Config['AllowedExtensions']['Image'] = array('bmp','gif','jpeg','jpg','png') ;
$Config['DeniedExtensions']['Image'] = array() ;
$Config['FileTypesPath']['Image'] = $Config['UserFilesPath'] . 'image/' ;
$Config['FileTypesAbsolutePath']['Image']= ($Config['UserFilesAbsolutePath'] == '') ? '' : $Config['UserFilesAbsolutePath'].'image/' ;
$Config['QuickUploadPath']['Image'] = $Config['UserFilesPath'] ;
$Config['QuickUploadAbsolutePath']['Image']= $Config['UserFilesAbsolutePath'] ;

上传时,快速上传将直接上传到upload目录下
非快速上传将传到upload/image目录下

浏览服务器时
图片浏览将指向upload/image

所以快速上传的图片在浏览服务器时,不能浏览到。

Javascript 相关文章推荐
Jquery提交表单 Form.js官方插件介绍
Mar 01 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
jquery选择器使用详解
Apr 08 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 Javascript
JS留言功能的简单实现案例(推荐)
Jun 23 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
利用node.js爬取指定排名网站的JS引用库详解
Jul 25 Javascript
js定时器实现倒计时效果
Nov 05 Javascript
基于jquery实现左右上下移动效果
May 02 jQuery
Vue实现数据请求拦截
Oct 23 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
js实现div模拟模态对话框展现URL内容
May 27 #Javascript
详解jQuery中的deferred对象的使用(一)
May 27 #Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 #Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 #Javascript
Node.js的npm包管理器基础使用教程
May 26 #Javascript
JavaScript中的各种操作符使用总结
May 26 #Javascript
浅析JavaScript中的对象类型Object
May 26 #Javascript
You might like
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
PHP面向对象的使用教程 简单数据库连接
2006/11/25 PHP
PHP-FPM 的管理和配置详解
2019/02/17 PHP
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
JavaScript中Math对象的方法介绍
2017/01/05 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
vue实现在线学生录入系统
2020/05/30 Javascript
Python中lambda的用法及其与def的区别解析
2014/07/28 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
Python中实现变量赋值传递时的引用和拷贝方法
2018/04/29 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
Python求解正态分布置信区间教程
2019/11/20 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
设计部经理的岗位职责
2013/11/16 职场文书
编辑找工作求职信范文
2013/12/16 职场文书
奥巴马演讲稿
2014/01/08 职场文书
社区党务公开实施方案
2014/03/18 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
工作态度怎么写
2015/06/25 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js