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.AutoComplete.js中文修正版(支持firefox)
Apr 09 Javascript
javascript与CSS复习(二)
Jun 29 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
jquery搜索框效果实现方法
Jan 16 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
Jun 20 Javascript
深入理解选择框脚本[推荐]
Dec 13 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
几种tab切换详解
Feb 03 Javascript
聊聊JavaScript如何实现继承及特点
Apr 07 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
JS 数组基本用法入门示例解析
Jan 16 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 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
PHP 代码规范小结
2012/03/08 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
php使用Imagick生成图片的方法
2015/07/31 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
JS实现支持Ajax验证的表单插件
2016/03/24 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
2016/12/23 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
javascript如何实现create方法
2019/11/04 Javascript
vue实现轮播图帧率播放
2021/01/26 Vue.js
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
python对象与json相互转换的方法
2019/05/07 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
详解如何减少python内存的消耗
2019/08/09 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
Groupon西班牙官方网站:在线优惠券和交易,节省高达70%
2021/03/13 全球购物
高一自我鉴定
2013/12/17 职场文书
小学教师管理制度
2014/01/18 职场文书
护理专业自荐信范文
2014/02/26 职场文书
党员自评材料范文
2014/12/17 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
python实现股票历史数据可视化分析案例
2021/06/10 Python
Python 中的 copy()和deepcopy()
2021/11/07 Python
Apache Hudi数据布局黑科技降低一半查询时间
2022/03/31 Servers