`
Vince_Lee
  • 浏览: 62559 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

struts2文本编辑器(ckeditor),简单调用不需要多余配置

阅读更多

调用:

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<%@ include file="_SessionCheck.jsp" %>

 

 

<html>

<head>

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

<SCRIPT type="text/javascript">

function checkInput()

{

var ifTitle=document.getElementById("ifTitle").value;

var list=document.getElementById("list").value;

var ifCome=document.getElementById("ifCome").value;

var ifSummary=document.getElementById("ifSummary").value;

if(ifTitle==null||ifTitle=="")

{

alert('新闻标题不能为空!');

return false;

}

if(list=="-1")

{

alert('请选择新闻类型!');

return false;

}

if(ifCome==null||ifCome=="")

{

alert('新闻来源不能为空!');

return false;

}

if(ifSummary=="")

{

alert('新闻概要不能为空!');

return false;

}

}

</SCRIPT>

<title>新闻添加</title>

 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="keywords" content="Discuz!,Board,Comsenz,forums,bulletin board,">

<meta name="description" content="新闻  - Discuz! Board">

<meta name="generator" content="Discuz! 4.0.0RC4 with Templates 4.0.0">

<meta name="MSSmartTagsPreventParsing" content="TRUE">

<meta http-equiv="MSThemeCompatible" content="Yes">

 

<style type="text/css"><!--

a { text-decoration: none; color: #000000 }

a:hover { text-decoration: underline }

body { scrollbar-base-color: #F3F6FA; scrollbar-arrow-color: #4D76B3; font-size: 12px; background-color: #ffffff }

table { font: 12px Verdana,Tahoma; color: #000000 }

input,select,textarea { font: 11px Verdana,Tahoma; color: #000000; font-weight: normal; background-color: #F3F6FA }

select { font: 11px Verdana,Tahoma; color: #000000; font-weight: normal; background-color: #F3F6FA }

.nav { font: 12px Verdana,Tahoma; color: #000000; font-weight: bold }

.nav a { color: #000000 }

.header { font: 11px Verdana,Tahoma; color: #FFFFFF; font-weight: bold; background-image: url("images/green/bg01.gif") }

.header a { color: #FFFFFF }

.category { font: 11px Verdana,Tahoma; color: #000000; background-color: #EFEFEF }

.tableborder { background: #4D76B3; border: 0px solid #4D76B3 } 

.singleborder { font-size: 0px; line-height: 0px; padding: 0px; background-color: #F3F6FA }

.smalltxt { font: 11px Verdana,Tahoma }

.outertxt { font: 12px Verdana,Tahoma; color: #000000 }

.outertxt a { color: #000000 }

.bold { font-weight: bold }

.altbg1 { background: #F3F6FA }

.altbg2 { background: #FFFFFF }

--></style>

<script language="JavaScript" src="images/common.js"></script>

<style type="text/css" id="defaultPopStyle">.cPopText { font-family: Tahoma, Verdana; background-color: #FFFFCC; border: 1px #000000 solid; font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; visibility: hidden; filter: Alpha(Opacity=80)}</style></head><body leftmargin="0" rightmargin="0" topmargin="0" onkeydown="if(event.keyCode==27) return false;"><div id="popLayer" style="position: absolute; z-index: 1000;" class="cPopText"></div>

 

<br>

<s:form method="post" name="NewsAdd" action="addInfo" onsubmit="return checkInput()"  enctype ="multipart/form-data"> <!-- 调用action -->

 

<table class="tableborder" align="center" cellpadding="4" cellspacing="1" width="97%">

<tbody><tr>

<td colspan="2" class="header">新闻添加 - 内容</td>

</tr>

<tr>

<td class="altbg1" width="21%">新闻标题:</td>

<td class="altbg2"><s:textfield id="ifTitle" name="is.ifTitle" label="新闻标题"></s:textfield>

</tr>

 

<tr>

<td class="altbg1">是否头条:</td>

<td class="altbg2">

<select name="ifHeadLine">

<option value="否">否</option>

<option value="是">是</option>

</select>

</td>

</tr>

 

<tr>

<td class="altbg1">是否推荐:</td>

<td class="altbg2">

<select name="ifRec">

<option value="否">否</option>

<option value="是">是</option>

</select>

</td>

</tr>

 

<tr>

<td class="altbg1">新闻类型:</td>

<td class="altbg2">

<s:select list="#request.list" id="list" listKey="ipId" 

      listValue="ipName" name="select" label="新闻类型:" headerValue="--请选择--" headerKey="-1">

</s:select>

</td>

</tr>

 

<tr>

<td class="altbg1">作者:</td>

<td class="altbg2"><s:textfield name="is.ifAuthor" label="作者"></s:textfield></td>

</tr>

 

<tr>

<td class="altbg1">新闻来源:</td>

<td class="altbg2">

<s:textfield id="ifCome" name="is.ifCome" label="出处"></s:textfield>

</td>

</tr>

<tr>

<td class="altbg1">备注:</td>

<td class="altbg2"><s:textfield name="is.ifRemark" label="备注"></s:textfield></td>

</tr>

<tr>

 

<td class="altbg1">新闻关键字:</td>

<td class="altbg2"><s:textfield name="is.ifKeyWord" label="新闻关键字"></s:textfield></td>

</tr>

 

<tr>

<td class="altbg1">新闻概要:</td>

<td class="altbg2"><s:textarea id="ifSummary" name="is.ifSummary" label="新闻概要" cols="150" rows="5"></s:textarea></td>

</tr>

 

<tr>

<td class="altbg1">新闻图片:</td>

<td class="altbg2">

<s:file name="myFile" label="Image File"></s:file>

</td>

</tr>

 

<tr>

<td class="altbg1" valign="top">新闻内容:</td>

<td class="altbg2"><textarea id="ifContent" name="is.ifContent" id="is.ifContent" labelposition="left" cols="150" rows="15" id="descr"></textarea></td>

 

</tr>

</tbody></table>

<br>

<center><s:submit name="NewsSubmit"  value="提    交" /></center>

</s:form>

<script type="text/javascript"> 

       CKEDITOR.replace( 'is.ifContent' ); 

</script> 

</body></html>

分享到:
评论

相关推荐

    在线文本编辑器ckeditor3.6.2 for JAVA

    在线文本编辑器是网页开发中不可或缺的工具,用于创建、编辑和格式化HTML内容,尤其在需要用户输入丰富格式文本的场景下。CKEditor是一款知名的富文本编辑器,提供了多种功能,如字体设置、段落调整、图片上传、链接...

    Struts2整合CKeditor

    同时,配置CKeditor的URL以指向CKfinder,使编辑器能够调用文件管理器。 3. **CKfinder配置**:CKfinder的配置主要涉及到路径设置,确保它能够正确访问服务器上的文件系统。你需要在CKfinder的配置文件(config.php...

    Struts2整合之CKeditor和CKfinder

    在这个主题中,“Struts2整合之CKeditor和CKfinder”涉及到的是如何在Struts2应用中集成富文本编辑器CKeditor和文件管理工具CKfinder。 CKeditor是一款广泛使用的开源富文本编辑器,它允许用户在网页上创建和编辑...

    CKEditor实现图片上传(使用Struts2).zip

    CKEditor是一款广泛使用的开源富文本编辑器,它提供了丰富的文本格式化功能,使得网页内容编辑变得简单易行。在Web应用中,用户经常需要上传图片以丰富内容,CKEditor为此提供了一个内置的图片上传功能。这个功能的...

    SSH+ExtJs完成CKEditor富文本编辑器整合

    在SSH中集成CKEditor,意味着我们需要在Struts2的Action中处理CKEditor提交的数据,并通过Spring的服务层调用Hibernate进行数据存储。 接着,我们来谈谈ExtJS。这是一个用于创建客户端界面的JavaScript库,它提供了...

    struts下ckeditor4.2+ckfinder2.3.1结合简单demo

    CKEditor 是一款流行的富文本编辑器,提供丰富的文本格式化和多媒体处理功能,常用于网页内容编辑。CKFinder 是一个与CKEditor配套使用的文件管理器,允许用户方便地上传、浏览和管理图片、文档等资源。在这个...

    struts2实现

    在本文中,我们将探讨如何使用Struts2与CKEditor集成来实现在网页编辑器中上传文件的功能。 CKEditor是一款强大的富文本编辑器,它提供了多种功能,包括图像和文件的上传。在Struts2框架中实现CKEditor的文件上传,...

    struts2基本文件

    在这个"struts2基本文件"的压缩包中,包含了运行一个基本Struts2应用所需的关键组件,特别是CKEditor和CKFinder,它们是常用的富文本编辑器和文件管理器。 1. **Struts2框架基础**: - **Action类**:在Struts2中...

    ckeditor在线编辑器,实现在线上传图片和falsh文件

    CKEditor是一款广泛使用的开源富文本编辑器,它提供了丰富的功能,包括文字格式化、链接创建、图片和多媒体插入等,极大地提升了用户在网页上的编辑体验。在这个特定的场景中,我们关注的是CKEditor如何实现在线上传...

    ckeditor+ckeditor-java+ckfinder

    2. 配置CKEditor的Java插件,使编辑器能够调用CKFinder进行文件和图片管理。 3. 设置CKFinder的配置文件,定义上传目录、文件大小限制、访问权限等。 4. 在JSP页面中插入CKEditor,并配置CKFinder的路径,以便在编辑...

    CKEditor 上传图片

    总的来说,"CKEditor 上传图片"是通过集成CKEditor和Struts2的文件上传功能,实现了在网页编辑器中便捷上传和显示图片的功能。理解并熟练掌握这一技术,对于开发交互性强、用户体验良好的Web应用具有重要意义。

    ckeditor+ckfinder+ssh框架

    【ckeditor+ckfinder+ssh框架】的组合是用于构建一个功能强大的在线文本编辑器的解决方案,它可以提供类似于Microsoft Word的编辑体验,并且支持图片和其他媒体文件的上传功能。以下是这个集成的具体实现步骤和相关...

    ckeditor+ckfinder

    3. **配置CKFinder与CKEditor**:在CKEditor的配置中,设置CKFinder的路径,使编辑器能够调用CKFinder的文件选择接口。 4. **测试与调试**:完成配置后,通过CKEditor中的“插入图像”或“媒体”按钮,检查是否能...

    Struts2+Hibernate开发的BBS系统(可做毕业设计参考)

    这个BBS系统实现了一个有表情的发言功能,这意味着它可能集成了富文本编辑器,如KindEditor或CKEditor,允许用户在发表内容时插入各种表情图标。这种功能增强了用户的交互体验,使得论坛的交流更加生动有趣。 在...

    jsp做的图片上传和图形编辑器

    综上所述,"jsp做的图片上传和图形编辑器"结合了JSP的动态网页渲染能力、Struts的MVC架构以及图形编辑器的富文本处理功能,为用户提供了一种便捷的在线图片上传和编辑服务。在实际开发中,还需要考虑安全性、用户...

    java web 富文本框

    富文本框在Java Web中的实现通常涉及JavaScript库(如TinyMCE, CKEditor)与后端服务器(如Spring MVC, Struts2)的交互。这些库通常提供一个JavaScript接口,用于在前端创建和管理富文本编辑器,并通过AJAX将内容...

    structs2 框架 实现留言板功能

    在本项目中,我们主要利用了Struts2框架来实现一个功能完备的留言板系统,其中包括了附件上传和下载的功能,并且结合了CKEditor编辑器来提供富文本输入体验。Struts2是一个强大的MVC(Model-View-Controller)框架,...

    Struts 文章系统源码

    **Web编辑方式发表文章**:此功能通常通过富文本编辑器(如TinyMCE、CKEditor等)实现,允许用户在Web页面上直接编辑文章内容,支持格式化文本、插入图片等。编辑器的HTML内容会通过表单提交给服务器,Action类接收...

    Struts 文章系统

    Web编辑方式发表文章是另一个关键特性,这通常涉及到使用富文本编辑器(如TinyMCE或CKEditor)。用户可以通过这些编辑器在Web页面上直接撰写和格式化文章,然后将其保存到数据库。编辑器还可能支持图片上传、链接...

Global site tag (gtag.js) - Google Analytics