<%@ 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框架的富文本编辑器,可轻松设置字体样式,上传图片等,用于文章发布系统
手撸简单版前端富文本编辑器。基本原理:由于富文本内容不想收到所在页面或者前端框架的影响,或者说写一个完全单独的纯编辑器,采用原生iframe+js+jquery实现。
做项目常用到的前端框架BootStrap,jquery和jquery中文文档,Echarts,还有富文本编辑器summernote等等
JQ JS javascript layui UI框架 富文本 编辑器
使用elementUI框架和froalaEditor编辑器,实现仿微信公众平台中公众号文章编辑功能,主要包括左侧文章列表和右侧内容编辑,使用时需要安装vue-froala-wysiwyg、jquery和font-awesome,安装方法见...
在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得...相反,它是一个非常轻量级的,可定制的和灵活的文本编辑器,以满足发展的需要,在其CMSes ,博客,论坛或网站。 markItUp !不是一个
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种...
wysiwyg 文本编辑插件 jqzoomy 放大镜插件 jquploader 文件上传插件 官方ui插件 tabsDemo,tablesorterDemo,SortableDemo,SlideDemo,ShadowDemo,ResizableDemo,DroppableDemo,DialogDemo,DatePickerDe mo,...
富文本编辑器、UI 框架、类 jQuery 的 DOM 操作库,全部自主开发 GitHub 一个漂亮、轻量的开源论坛系统。运行在 PHP 、MySQL 之上。 为了让它更轻量好用,造了不少轮子。富文本编辑器、UI 框架、类 jQuery 的 DOM ...
基于SSM框架+mysql开发的一个博客系统项目源码+项目说明.zip ## 2019.01.26更新 集成editormd,支持markdown在线编辑功能 保留原来的富文本编辑器,需携带参数访问,如: ...
一个基于SpringMVC的web框架 1.0.5 从web项目迁移成maven项目 1.0.6 增加菜单框架ext实现,类路径调整 1.0.7 增加http工具类,demo例子 1.0.8 socket工具类,权限组件,菜单组件,jdbc分页支持多种数据库,ant路径工具...
Keloran 的 bbCode 编辑器这是我的 bbCode 编辑器,可以实时替换 Hammer 框架中使用的某些内容,因此您可以查看提交后实际显示的内容这也可以在任何网站上使用,它都是 javascript,所以不需要 Hammer启动它$("#...
asp.net 文本编辑器[JQ]-简洁型 案例。 框架 3.5 之前测试了csdn大部分编辑器资源 水货甚多,深受其害,还有部分兼容性不好,或功能过于强大。 不过终于找到这个基于JQ的编辑器。非常简洁实用,适用于论坛留言等。...
第1章 jQuery基础知识 1 1.1 jQuery的安装 1 1.2 选择DOM节点 2 1.3 延迟JavaScript的执行 3 1.4 把CSS应用到元素上 3 1.5 选择一系列非标准的HTML元素 4 1.6 计数DOM节点和显示其文本 5 1.7 获得一个元素的HTML...
一个基于SpringMVC的web框架 1.0.5 从web项目迁移成maven项目 1.0.6 增加菜单框架ext实现,类路径调整 1.0.7 增加http工具类,demo例子 1.0.8 socket工具类,权限组件,菜单组件,jdbc分页支持多种数据库,ant路径工具...
基于bootdo开发的企业门户完整前后台系统 附带完整门户前端功能:首页、新闻...JS框架:jQuery 客户端验证:JQuery Validation 富文本在线编辑:summernote 数据表格:bootstrapTable 弹出层:layer 树结构控件:jsTree
JS框架:jQuery 客户端验证:JQuery Validation 富文本在线编辑:summernote 数据表格:bootstrapTable 弹出层:layer 树结构控件:jsTree java开发springboot+shiro企业门户完整前后端系统源码。基于bootdo开发的...
ICT Cortex项目的前端开发,旨在供高中学生开发一个Web应用程序,以使用通过TailwindCSS框架+ jQuery + HTML构建的在线库。 :man::laptop: 如何安装? 需要在计算机上安装Git,NodeJS,NPM。 // clone project to...
基于SpringBoot的企业门户系统源码.zip 基于bootdo开发的企业门户完整前后端系统 附带完整门户前端功能:首页、新闻列表及...富文本在线编辑:summernote 数据表格:bootstrapTable 弹出层:layer 树结构控件:jsTree
前端以layui,jquery为基础,还包括了kindeditor 富文本编辑器、echarts 图表绘制! 原创前端快速表单函数,jsfrom 快速生成表单修改新增数据! 极简路由模式,根据url访问对应的类调用对应的函数! 每个功能以插件形式...