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框架整 ...
随机推荐
- jquery让滚动条跳到最底部
selector.scrollTop(50000); 添加一个最大的数值: 或者 公式:内容器的高度加上外层容器的padding,再减去外层容器的高度: var tableHeight = $(' ...
- MongoDB学习笔记(入门)
一.文档的注意事项:1. 键值对是有序的,如:{ "name" : "stephen", "genda" : "male&quo ...
- es6 Class的继承extends & super
Class之间可以通过extends关键字,实现继承. 子类会继承父类的属性和方法. class Point { constructor(x, y) { this.x = x; this.y = y; ...
- 《循序渐进》之简单的DHCP实验
目的:初学,配置简单的DHCP试验. 试验步骤: 1:拓扑图 2:配置: Router>en Router#config t Enter configuration commands, one ...
- C学习笔记
1.struct struct 是一种复合数据类型,其构成元素可以是一些复合数据类型,如array,struct,union,缺省情况下,编译器为结构体的每个成员按其自然对齐(默认对齐,按照结构体成员 ...
- php工作笔记6-手机端适应缩放
1.静态页面
- html5+css 图片自适应
<div style="position:absolute; width:100%; height:100%; z-index:-1; left:0; top:0;"> ...
- centos7.2环境elasticsearch-5.0.1+kibana-5.0.1+zookeeper3.4.6+kafka_2.9.2-0.8.2.1部署详解
centos7.2环境elasticsearch-5.0.1+kibana-5.0.1+zookeeper3.4.6+kafka_2.9.2-0.8.2.1部署详解 环境准备: 操作系统:centos ...
- KBMMW 中 IOS IPv6 的解决
自从今年苹果强制新上架的APP 必须支持Ipv6,很多原来需要网络支持的APP 就没法上架了. 别的我们就不说了,先说说kbmmw 中,如何解决这个问题. 要测试你的app 是否支持ipv6, 首先要 ...
- Md5 签名算法
/// <summary> /// MD5签名 /// </summary> /// <param name="pre ...