<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>jquery编辑器实例</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link rel="stylesheet" href="${ctx }/edit/common.css" type="text/css" media="screen" />
<script type="text/javascript" src="${ctx }/edit/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="${ctx }/edit/xheditor.js"></script>
</head>
<body>
<!-- jquery的编辑器试验己成功,能够成功写入数据库,能够成功在页面上显示出来 -->
一般模式的edit
<form method="post" action="edit.do">
<h3>xhEditor demo1 : 默认模式</h3>
xheditor(默认完全):<br />
<textarea id="elm1" name="elm1" class="xheditor" rows="12" cols="80" style="width: 80%">
<p>请输入信息</p>
</textarea>
<br>
<input type="submit" value="试验中的jquery编辑器">
</form>
<!-- 从数据库里边读出一个图片 至此,图片上传和显示制做完毕-->
开始从数据库里边读出来一个图片<br>
<img src="<s:url action="edit!getUserImgFromByte.do">
<s:param name="id" value="5"></s:param>
</s:url>" height="300px" width="300px">
</body>
</html>
上传了一个附件,把附件中的内容解出来,在webroot下新建一个edit文件夹把解出的东西放里边就OK
读本人博客代码如有任何疑问或代码不能执行,请速联系本人
zhang7789@yahoo.com.cn
![]()
分享到：
相关推荐
"jQuery富文本编辑器Notebook"是一个专为创建简洁、整洁且美观的所见即所得（WYSIWYG）编辑器而设计的工具。这款编辑器利用了流行的jQuery库，旨在提供一个用户友好的界面，使得内容创作者可以轻松地进行文字编辑、...
《jQuery富文本编辑器Notebook：打造优雅的前端创作体验》 在Web开发领域，富文本编辑器扮演着至关重要的角色，它使得用户能够在浏览器端进行类似Word的文本编辑操作，广泛应用于博客、论坛、CMS系统等。jQuery富...
在IT领域，jQuery文本编辑器是网页开发中的一个重要工具，特别是在构建内容管理系统（CMS）或论坛等需要用户输入富文本的场景。"所见即所得jQuery文本编辑器"正如其名，允许用户在编辑时看到的格式与最终发布时完全...
jQuery与Bootstrap结合的Summernote.js插件就是一个高效且易用的富文本编辑器，尤其适合那些希望在网页中提供强大编辑功能的开发者。 一、jQuery与Bootstrap的结合 jQuery是一款轻量级的JavaScript库，它的主要...
在给定的“jquery 富文本编辑器”主题下，我们将深入探讨jQuery框架下实现富文本编辑器的相关知识点。 首先，jQuery是一个高效、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery...
**jQuery + Bootstrap富文本编辑器插件：summernote** 在Web开发中，富文本编辑器是一种常见的工具，它允许用户以类似Word的方式编辑内容，并在网页上显示格式化的文本。`jQuery` 和 `Bootstrap` 是两个广泛使用的...
wangEditor就是这样一个强大的富文本编辑器，它专为JavaScript和jQuery设计，同时也能很好地融入Vue等现代前端框架。本示例是一个基于jQuery的wangEditor应用，具有丰富的功能，包括图片可拖拽调整大小，以及方便地...
这个项目的标题"基于Bootstrap的网格式jQuery文本编辑器"表明我们正在讨论一个特定的jQuery插件，名为"grid-editor"，它利用了Bootstrap的网格系统来创建一个独特的、所见即所得的编辑器体验。 Bootstrap的网格系统...
该压缩包文件“网页模板——基于jQuery Bootstrap3的文本编辑器特效源码.zip”提供了一个网页模板，这个模板特别设计用于实现基于jQuery和Bootstrap3的文本编辑器特效。jQuery是JavaScript库，它简化了HTML文档遍历...
layui是一个轻量级的前端UI框架，它提供了丰富的组件，包括按钮、表格、弹窗、表单等，这些都可以在富文本编辑器中用到。layui的设计理念是简洁、实用，它的模块化设计使得代码结构清晰，易于维护和扩展。在富文本...
总的来说，"jq文本编辑器"是一个功能齐全、兼容性强的网页文本编辑解决方案，结合了jQuery的强大功能和多语言支持，能够满足各种Web开发需求。无论是前端开发者还是后端程序员，都可以通过它快速实现文本编辑功能，...
总结来说，这个压缩包是一个实践性的教程，可以帮助开发者学习如何利用jQuery、Bootstrap3和HTML5来创建一个具有特效的文本编辑器，同时也可以提升对前端开发流程和技巧的理解。对于想要提升这方面技能的开发者，这...
DWZ RIA（Rich Internet Application）1.4.6是一个基于jQuery的Web应用框架，旨在简化Web应用的开发流程。它包含了诸如表格、表单、对话框、布局、AJAX等功能，而JUI富文本框架是其在内容编辑方面的延伸，提供了丰富...
描述中提到的“已测试移动端可用富文本编辑器，summernote手机端可用编辑器可上传图片已经处理好”，这表明我们正在讨论的是一个名为Summernote的富文本编辑器，它经过了专门的优化，可以在移动端设备上正常工作。...
在提到的“网页编辑器包含jquery框架”这个标题中，重点在于jQuery，这是一个广泛使用的JavaScript库，它为网页开发提供了丰富的功能和便利。 jQuery是由John Resig在2006年创建的，它的核心理念是“Write Less, Do...
总的来说，`summernote.js`是一个强大且灵活的富文本编辑器解决方案，它结合了jQuery和Bootstrap的优点，为网页内容创作提供了便利。无论是简单的博客系统还是复杂的CMS（内容管理系统），它都能作为一个优秀的文本...
富文本编辑框是一种常见的网页元素...这只是一个简单的起点，实际的富文本编辑器可能包含更复杂的特性，如拖放操作、撤销/重做、代码高亮等。通过深入学习和实践，我们可以逐步构建出功能更强大的富文本编辑解决方案。
Bootstrap、jQuery、ECharts、jQuery中文手册以及富文本编辑器Summernote是现代网页开发中的重要工具，它们各自为开发者提供了强大的功能支持。 Bootstrap是一款流行的前端开发框架，它由Twitter开发并开源。...
jQuery是一个轻量级的JavaScript库，它简化了JavaScript的DOM操作、事件处理、动画效果和Ajax交互。jQuery的核心特性包括选择器（用于快速定位DOM元素）、链式操作（使多个操作连续执行）和封装Ajax请求。在jQuery中...