在提交之前记得 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"这个属性,不然会将标签同时显示出来