在jsf中使用ckeditor编辑器后页面的验证问题以及自定义工具栏

最新推荐文章于 2022-05-24 09:03:36 发布

luckylcs

最新推荐文章于 2022-05-24 09:03:36 发布

阅读量81

点赞数

文章标签： jsf 工具 templates styles function button

本文链接：https://blog.csdn.net/luckylcs/article/details/6835953

版权

jsf 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这两天做一个关于新闻管理方面的项目需要在线编辑系统以前没搞过类似的东东只好再网上找大家推荐的是 ckeditor 相关的

说明也很多下面是一种对配置简单的做法

在已用的时候大致

配置方法 : 是从 http://blog.csdn.net/guoquanyou/article/details/6754990 复制过来的是在jsp中得使用方法可以说是比

较简洁的而且兼容性比较好的

另外如果想去掉没用的工具栏的话在onload方法里修改成以下代码

    window.onload = function(){
        CKEDITOR.replace('form1:content' , { toolbar:[
['Source','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
['BidiLtr', 'BidiRtl'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','About']
   ]
            });

不想要那个工具就删除相应的工具就o啦

这里主要是说在jsf页面严正的时候因为inputtextarea 标签会给 textarea标签包装一下比如

<h:form id="form1" >

<h:inputTextarea styleClass="input_no_width" value="#{lowAdd.low.content}" id="content"></h:inputTextarea>

<h:commandButton type="submit" οnclick="return test()" value="添加" styleClass="btn" action="#

{lowAdd.addLow}" id="tianjia"></h:commandButton>

</h:form>

在jsf展示的时候回把 id="content" 的id 替换成 id="form1:content"

并且如果用document.getElementById('form1:content').value 是得不出来的

在js验证页面内容的时候

function check() {

submitflag = true;
var editor_data = CKEDITOR.instances[0].getData();

//var editor_data = CKEDITOR.instances['form1:content'].getData(); //这样也可以

var content= document.getElementById('form1:content').value = editor_data;
if (content =='') {
   alert('内容不能为空');
   submitflag = false;
    return false;
}
return true;

}