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 相关文章推荐
效率高的Javscript字符串替换函数的benchmark
Aug 02 Javascript
jQuery chili图片远处放大插件
Nov 30 Javascript
js给onclick事件赋值,动态传参数实例解说
Mar 28 Javascript
javascript学习小结之prototype
Dec 03 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
Sep 02 Javascript
vue做移动端适配最佳解决方案(亲测有效)
Sep 04 Javascript
微信小程序实现判断是分享到群还是个人功能示例
May 03 Javascript
js 获取扫码枪输入数据的方法
Jun 10 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
php反弹shell实现代码
2009/04/22 PHP
利用php下载xls文件(自己动手写的)
2014/04/18 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
2018/09/21 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
python的常见命令注入威胁
2013/02/18 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
iframe与window.onload如何使用详解
2020/05/07 HTML / CSS
英国高档百货连锁店:John Lewis
2017/11/20 全球购物
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
华为c/c++笔试题
2016/01/25 面试题
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
护士思想汇报
2014/01/12 职场文书
2014的自我评价
2014/01/13 职场文书
低碳环保标语
2014/06/12 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js
Python创建SQL数据库流程逐步讲解
2022/09/23 Python