tinymce整合struts2使用
在提交之前记得 instance.post();
这个应付老师检查还是可以的,但是很详细的怎么具体使用,还是要去看官方文档。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>write</title>
<link rel="stylesheet" href="../css/style_tinyeditor.css" />
<script type="text/javascript" src="../js/tinyeditor.js"></script>
</head>
<script type="text/javascript">
var instance ;
window.onload = function() {
instance = new TINY.editor.edit('editor', {
id : 'input',
width : 584,
height : 175,
cssclass : 'te',
controlclass : 'tecontrol',
rowclass : 'teheader',
dividerclass : 'tedivider',
controls : [ 'bold', 'italic', 'underline', 'strikethrough', '|',
'subscript', 'superscript', '|', 'orderedlist',
'unorderedlist', '|', 'outdent', 'indent', '|',
'leftalign', 'centeralign', 'rightalign', 'blockjustify',
'|', 'unformat', '|', 'undo', 'redo', 'n', 'font', 'size',
'style', '|', 'image', 'hr', 'link', 'unlink', '|', 'cut',
'copy', 'paste', 'print' ],
footer : true,
fonts : [ 'Verdana', 'Arial', 'Georgia', 'Trebuchet MS' ],
xhtml : true,
cssfile : 'style.css',
bodyid : 'editor',
footerclass : 'tefooter',
toggle : {
text : 'source',
activetext : 'wysiwyg',
cssclass : 'toggle'
},
resize : {
cssclass : 'resize'
}
}); }; function refresh() {
instance.post();
var title = document.getElementById("title").value;
if (title == '') {
alert("标题不能为空!")
document.getElementById("title").focus();
return false ;
}
var input = document.getElementById("input").value;
if (input == '') {
alert("内容不能为空!");
document.getElementById("input").focus();
return false ;
}
return true ;
} </script>
<body>
<form action="${pageContext.request.contextPath}/post_write.action" method="post" onsubmit="return refresh()">
标题: <input type="text" name="title"
style="width:400px;height: 20px; align:center;" id="title">
<textarea id="input" style="width:400px; height:200px" name="content"></textarea>
<input type="submit" value="确定">
</form> </body> </html>
显示的效果:

textarea中的数据保存在数据库中的格式为:我用的数据库为mysql字段是用的longtext;
最后显示在数据库中的内容为:

将数据库中的数据用ognl表达式显示到页面上 ,刚开始我试过用js调用innerHTML将内容和html代码注入进去,但是会出现转义的问题,不知道是不是我写的有问题,但是下面这种写法是可以的。
<s:property value="post.content" escape="false" />//重要的是escape="false"这个属性,不然会将标签同时显示出来

tinymce整合struts2使用的更多相关文章
- spring整合struts2
1. Spring 如何在 WEB 应用中使用 ? 1). 需要额外加入的 jar 包: spring-web-4.0.0.RELEASE.jarspring-webmvc-4.0.0.RELEASE ...
- Spring 整合 Struts2
1. Spring 如何在 WEB 应用中使用 ? 1). 需要额外加入的 jar 包: spring-web-4.0.0.RELEASE.jar spring-webmvc-4.0.0.RELEAS ...
- Struts2的使用以及Spring整合Struts2
一.如何单独使用Struts2 (1)引入struts2的jar包 commons-fileupload-1.2.1.jar freemarker-2.3.15.jar ognl-2.7.3.jar ...
- Spring学习6-Spring整合Struts2
一.Spring为什么要整合Struts2 Struts2与Spring进行整合的根本目的就是要让 Spring为Struts2的Action注入所需的资源对象,它们整合的原理则是只要导入了s ...
- 基于注解整合struts2与spring的时候如果不引入struts2-spring-plugin包自动装配无效
基于注解整合struts2与spring的时候如果不引入struts2-spring-plugin包,自动装配将无效,需要spring注入的对象使用时将抛出空指针异常(NullPointerExcep ...
- Spring(四):Spring整合Hibernate,之后整合Struts2
背景: 上一篇文章<Spring(三):Spring整合Hibernate>已经介绍使用spring-framework-4.3.8.RELEASE与hibernate-release-5 ...
- Maven项目整合Struts2框架
-------------------------siwuxie095 Maven 项目整合 Struts2 框架 1. ...
- 整合Struts2框架和Spring框架
-----------------------siwuxie095 整合 Struts2 框架和 Spring 框架 1 ...
- Spring整合Struts2框架的第二种方式(Action由Spring框架来创建)(推荐大家来使用的)
1. spring整合struts的基本操作见我的博文:https://www.cnblogs.com/wyhluckdog/p/10140588.html,这里面将spring与struts2框架整 ...
随机推荐
- Servlet中转发和重定向的区别
Servlet中页面的跳转有两种方式:转发和重定向. 1.转发和重定向的区别 ①转发是服务器行为,重定向是客户端行为. ②转发是浏览器发生了一次请求,重定向至少是两次请求. ③转发地址栏中的url不会 ...
- ArcGIS api fo silverlight学习三(利用ElementLayer实现鼠标悬浮弹出自定义窗体)
接着上一节继续学习,本节主要是利用ElementLayer实现鼠标悬浮弹出自定义窗体 参考博文:http://www.cnblogs.com/luxiaoxun/p/3322218.html 一.新建 ...
- $(document).ready()方法和window.onload区别
事件: javascript 和 HTML之间的交互式通过用户和浏览器操作页面时引发的事件来处理的.当文档或者它的某些元素发生某些变化和操作时,浏览器会自动生成一个事件:例如:当用户单击某个按钮时,也 ...
- Linux 查找文件
find 查找目录 -name "文件名"find / -name "php.ini"locate 文件名locate php.ini 一:locate命令 l ...
- HDOJ(1348)二维凸包
Wall http://acm.hdu.edu.cn/showproblem.php?pid=1348 题目描述:有个国王想在他的城堡外面修围墙,围墙与城堡的最小距离为L,要求围墙长度最短.求围墙的长 ...
- Badboy使用数据源Excel进行脚本参数化
1.首先新建一个Excel,这里示例我写得非常简单,由两由数据组成,第一行为表头.见下图: 2.录制脚本,见上一篇,录制一个非常简单的搜狗查询 3.添加数据源,在Tools面板中找到Data Sour ...
- Jenkins+Jmeter+Ant接口持续集成
修改时间 修改内容 修改人 2016.5.22 创建 刘永志 2016.6.15 完成 刘永志 前言: 为什么要用Jmeter做接口测试: 当选择这套方案的时候,很多人会问,为什么选择Jmeter做C ...
- 《Pro Git》阅读随想
之前做版本管理,我使用最多的是SVN,而且也只是在用一些最常用的操作.最近公司里很多项目都开始上Git,借这个机会,我计划好好学习一下Git的操作和原理,以及蕴含在其中的设计思想.同事推荐了一本< ...
- Net分布式系统之二:CentOS系统搭建Nginx负载均衡
一.关于CentOS系统介绍 CentOS(Community Enterprise Operating System,中文意思是:社区企业操作系统)是Linux发行版之一,它是来自于Red Hat ...
- Jquery / js 判断数据类型方法(限制文本框类型输入)
当想要判断文本框中的值是否为自己想要的类型时,可以通过一些方法作出判断,这里对于光标离开文本框时判断文本框中输入的是否是数值类型,如果不是,做出提示 $("#WORKYEARS") ...