- 浏览: 2578294 次
- 来自: 杭州
文章分类
- 全部博客 (1190)
- webwork (4)
- 网摘 (18)
- java (104)
- hibernate (1)
- Linux (85)
- 职业发展 (1)
- activeMQ (2)
- netty (15)
- svn (1)
- webx3 (12)
- mysql (81)
- css (1)
- HTML (6)
- apache (3)
- 测试 (2)
- javascript (1)
- 储存 (1)
- jvm (5)
- code (13)
- 多线程 (12)
- Spring (18)
- webxs (2)
- python (119)
- duitang (0)
- mongo (3)
- nosql (4)
- tomcat (4)
- memcached (20)
- 算法 (28)
- django (28)
- shell (1)
- 工作总结 (5)
- solr (42)
- beansdb (6)
- nginx (3)
- 性能 (30)
- 数据推荐 (1)
- maven (8)
- tonado (1)
- uwsgi (5)
- hessian (4)
- ibatis (3)
- Security (2)
- HTPP (1)
- gevent (6)
- 读书笔记 (1)
- Maxent (2)
- mogo (0)
- thread (3)
- 架构 (5)
- NIO (5)
- 正则 (1)
- lucene (5)
- feed (4)
- redis (17)
- TCP (6)
- test (0)
- python,code (1)
- PIL (3)
- guava (2)
- jython (4)
- httpclient (2)
- cache (3)
- signal (1)
- dubbo (8)
- HTTP (4)
- json (3)
- java socket (1)
- io (2)
- socket (22)
- hash (2)
- Cassandra (1)
- 分布式文件系统 (5)
- Dynamo (2)
- gc (8)
- scp (1)
- rsync (1)
- mecached (0)
- mongoDB (29)
- Thrift (1)
- scribe (2)
- 服务化 (3)
- 问题 (83)
- mat (1)
- classloader (2)
- javaBean (1)
- 文档集合 (27)
- 消息队列 (3)
- nginx,文档集合 (1)
- dboss (12)
- libevent (1)
- 读书 (0)
- 数学 (3)
- 流程 (0)
- HBase (34)
- 自动化测试 (1)
- ubuntu (2)
- 并发 (1)
- sping (1)
- 图形 (1)
- freemarker (1)
- jdbc (3)
- dbcp (0)
- sharding (1)
- 性能测试 (1)
- 设计模式 (2)
- unicode (1)
- OceanBase (3)
- jmagick (1)
- gunicorn (1)
- url (1)
- form (1)
- 安全 (2)
- nlp (8)
- libmemcached (1)
- 规则引擎 (1)
- awk (2)
- 服务器 (1)
- snmpd (1)
- btrace (1)
- 代码 (1)
- cygwin (1)
- mahout (3)
- 电子书 (1)
- 机器学习 (5)
- 数据挖掘 (1)
- nltk (6)
- pool (1)
- log4j (2)
- 总结 (11)
- c++ (1)
- java源代码 (1)
- ocr (1)
- 基础算法 (3)
- SA (1)
- 笔记 (1)
- ml (4)
- zokeeper (0)
- jms (1)
- zookeeper (5)
- zkclient (1)
- hadoop (13)
- mq (2)
- git (9)
- 问题,io (1)
- storm (11)
- zk (1)
- 性能优化 (2)
- example (1)
- tmux (1)
- 环境 (2)
- kyro (1)
- 日志系统 (3)
- hdfs (2)
- python_socket (2)
- date (2)
- elasticsearch (1)
- jetty (1)
- 树 (1)
- 汽车 (1)
- mdrill (1)
- 车 (1)
- 日志 (1)
- web (1)
- 编译原理 (1)
- 信息检索 (1)
- 性能,linux (1)
- spam (1)
- 序列化 (1)
- fabric (2)
- guice (1)
- disruptor (1)
- executor (1)
- logback (2)
- 开源 (1)
- 设计 (1)
- 监控 (3)
- english (1)
- 问题记录 (1)
- Bitmap (1)
- 云计算 (1)
- 问题排查 (1)
- highchat (1)
- mac (3)
- docker (1)
- jdk (1)
- 表达式 (1)
- 网络 (1)
- 时间管理 (1)
- 时间序列 (1)
- OLAP (1)
- Big Table (0)
- sql (1)
- kafka (1)
- md5 (1)
- springboot (1)
- spring security (1)
- Spring Boot (3)
- mybatis (1)
- java8 (1)
- 分布式事务 (1)
- 限流 (1)
- Shadowsocks (0)
- 2018 (1)
- 服务治理 (1)
- 设计原则 (1)
- log (0)
- perftools (1)
最新评论
-
Aqu415:
,默认是netty还是hassion?
dubbo入门 -
siphlina:
课程——基于Python数据分析与机器学习案例实战教程分享网盘 ...
Python机器学习库 -
san_yun:
leibnitz 写道hi,我想知道,无论在92还是94版本, ...
hbase的行锁与多版本并发控制(MVCC) -
leibnitz:
hi,我想知道,无论在92还是94版本,更新时(如Puts)都 ...
hbase的行锁与多版本并发控制(MVCC) -
107x:
不错,谢谢!
Latent Semantic Analysis(LSA/ LSI)算法简介
为什么能实现在线编辑呢? 首先需要ie 的支持,在 ie 5.5以后就有一个编辑状态,就是利用这个编辑状态,然后用javascript 来控制在线编辑的。
下面给出一个简短的例子:
首先要有一个编辑框,这个编辑框其实就是一个 可编辑状态的 网页,我们这里用iframe 来建立编辑框
<IFRAME id=HtmlEdit style="WIDTH: 100%; HEIGHT: 296px" marginWidth=0 marginHeight=0>
</IFRAME>
并且在 加上javascript 代码来指定 HtmlEdit 有编辑功能:
function document.onreadystatechange()
{
HtmlEdit.document.designMode="On";
}
HtmlEdit.document.body.innerHTML 这句可以获得 HtmEdit 里面的html代码. 一般的我们会用这样的javascript 将 iframe 里的内容传递给一个textarea 然后提交给服务器处理.
function getIframeData(){
document.form1.test.value=HtmlEdit.document.body.innerHTML;
}
function sentIframeData(){
HtmlEdit.document.body.innerHTML=document.form1.test.value;
}
var sel = HtmlEdit.document.selection.createRange(); 而这一句可以获得选取的焦点:
下面我就演示一个完成的例子. 一个拥有加粗功能的在线编辑器,有兴趣的朋友可以在此基础上完成其他功能!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function getIframeData(){
document.form1.test.value=HtmlEdit.document.body.innerHTML;
}
function sentIframeData(){
HtmlEdit.document.body.innerHTML=document.form1.test.value;
}
function doB(){
HtmlEdit.focus();
var sel = HtmlEdit.document.selection.createRange();
insertHTML("<b>"+sel.text+"</b>");
}
function insertHTML(html) {
if (HtmlEdit.document.selection.type.toLowerCase() != "none"){
HtmlEdit.document.selection.clear() ;
}
HtmlEdit.document.selection.createRange().pasteHTML(html) ;
}
function document.onreadystatechange()
{
HtmlEdit.document.designMode="On";
}
</script>
</head>
<body>
<form action="test.asp?act=add" method="post" name="form1">
<IFRAME id=HtmlEdit style="WIDTH: 100%; HEIGHT: 296px" marginWidth=0 marginHeight=0>
</IFRAME>
<textarea name="test" rows="10" id="test" style="width:100%;"></textarea>
<br>
<input type="submit" name="Submit" value="提交">
<input type="button" value="iframe->textarea" onClick="getIframeData()">
<input type="button" value="textarea->iframe" onClick="sentIframeData()">
<input type="button" value="B" onClick="doB()">
</form>
</body>
</html>
下面给出一个简短的例子:
首先要有一个编辑框,这个编辑框其实就是一个 可编辑状态的 网页,我们这里用iframe 来建立编辑框
<IFRAME id=HtmlEdit style="WIDTH: 100%; HEIGHT: 296px" marginWidth=0 marginHeight=0>
</IFRAME>
并且在 加上javascript 代码来指定 HtmlEdit 有编辑功能:
function document.onreadystatechange()
{
HtmlEdit.document.designMode="On";
}
HtmlEdit.document.body.innerHTML 这句可以获得 HtmEdit 里面的html代码. 一般的我们会用这样的javascript 将 iframe 里的内容传递给一个textarea 然后提交给服务器处理.
function getIframeData(){
document.form1.test.value=HtmlEdit.document.body.innerHTML;
}
function sentIframeData(){
HtmlEdit.document.body.innerHTML=document.form1.test.value;
}
var sel = HtmlEdit.document.selection.createRange(); 而这一句可以获得选取的焦点:
下面我就演示一个完成的例子. 一个拥有加粗功能的在线编辑器,有兴趣的朋友可以在此基础上完成其他功能!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function getIframeData(){
document.form1.test.value=HtmlEdit.document.body.innerHTML;
}
function sentIframeData(){
HtmlEdit.document.body.innerHTML=document.form1.test.value;
}
function doB(){
HtmlEdit.focus();
var sel = HtmlEdit.document.selection.createRange();
insertHTML("<b>"+sel.text+"</b>");
}
function insertHTML(html) {
if (HtmlEdit.document.selection.type.toLowerCase() != "none"){
HtmlEdit.document.selection.clear() ;
}
HtmlEdit.document.selection.createRange().pasteHTML(html) ;
}
function document.onreadystatechange()
{
HtmlEdit.document.designMode="On";
}
</script>
</head>
<body>
<form action="test.asp?act=add" method="post" name="form1">
<IFRAME id=HtmlEdit style="WIDTH: 100%; HEIGHT: 296px" marginWidth=0 marginHeight=0>
</IFRAME>
<textarea name="test" rows="10" id="test" style="width:100%;"></textarea>
<br>
<input type="submit" name="Submit" value="提交">
<input type="button" value="iframe->textarea" onClick="getIframeData()">
<input type="button" value="textarea->iframe" onClick="sentIframeData()">
<input type="button" value="B" onClick="doB()">
</form>
</body>
</html>
发表评论
-
博客链接收藏
2014-03-22 11:18 526这里记录一些我觉得好的博客地址: http://iamm ... -
要看的好文
2011-11-16 12:48 823一致性 hash 算法( consistent hashing ... -
cronolog
2011-05-25 20:58 3573原作者:陈明 很多 ... -
Be more efficient
2011-05-24 11:37 1278svndiff 快捷键 Gnome快捷键: ... -
google 绑定地址
2011-05-20 16:49 100974.125.153.104 code.google.com ... -
JS疑难杂症
2010-01-19 16:42 998通过a标签提交表单有问题,必须使用button提交表单. & ... -
javascript实现语法高亮
2009-09-09 17:32 0http://hi.baidu.com/erik168/blo ... -
使用JAVA对图片进行效果变换
2008-12-12 22:42 1542原文: http://blog.ccidnet.com/blo ... -
针对Oracle数据库的优化器详细介绍
2008-02-23 12:52 1155http://unixboy.iteye.com/blog/1 ... -
优化数据库大幅度提高Oracle的性能
2008-02-23 12:49 1186http://unixboy.iteye.com/blog/1 ... -
Oracle高级查询
2007-06-27 15:31 2538使用Oracle特有的查询语法, 可以达到事半功倍的效果 转 ... -
Domain-Driven Design领域驱动设计(转)
2007-03-21 13:51 2303越来越多人开始使用Java ... -
我的2006 ―― 战斗的一年(转)
2007-03-21 13:49 1413圣诞假期开始了,下午多数美国同事都早早回家了。我差不多是最后一 ... -
透明书评Patterns of Enterprise Application Architecture(PoEAA)
2007-03-21 13:48 1880我有一双定做的休闲鞋,一只鞋上赫然写着“KISS”,另一只则写 ... -
十年学会编程(著者: Peter Norvig)
2007-03-21 13:46 1998为何人人都这么着急? 信步走进任何一家书店,你会看到名为《如 ... -
判断是否是质数
2007-03-21 13:45 1817java 代码 import java.io.* ... -
如何成为一名真正的高级程序员(转)
2007-03-21 13:43 6491那么作为高级程序员,以至于系统分析员,也就是对于一个程序项目的 ... -
如何成为一名真正的程序员(转)
2007-03-21 13:42 1872中国有很多小朋友,他 ...
相关推荐
HTML在线编辑器原理详细讲解 javascript实现 很好用 简单实用
HTML在线编辑器原理-简单深入.docx
详细介绍一下HTML编辑器的原理和使用,大家可以通过现有的功能按自己需求设计出适合自己的编辑器。注:本编辑器是基于在网上找的一个简单的HTML+java编辑器扩展后的Asp.net2.0编辑器。
仿QQ空间的HTML编辑器,很不错的,仅供参考。
主要介绍了在线所见即所得HTML编辑器的实现原理浅析,本文用初始化、打开编辑功能、获取编辑器的内容、增加样式设置、再进一步等步骤阐述在线编辑器的基本实现原理,需要的朋友可以参考下
富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。它的应用也越来越广泛。最先只有 IE 浏览器支持,其它浏览器...
本文介绍了HTML编辑器的基本功能,分析了它的基本原理及基本调用方式。通过对不同原理的HTML编辑器的分析,剖析其各自所具有的优缺点。最后阐述了目前常用的HTML编辑器Kind Editor在java WEB下应用的具体步骤。
**软件要求**-安装了Java Runtime Environment 1.7,如果没有安装,则可以在下面找到:http://www.oracle.com/technetwork/java/javase/downloads/java-se-jre-7- download- 432155.html **关于SVG编辑器**该软件是...
SCEdithtml 编辑器开发原理,简单适用于iOS AndroidDome
下载地址:https://github.com/jiliuliu/SIXRichEditor... 一个简易的富文本编辑器。支持html格式,基于UITextView实现,原理简单,易于扩展。 支持功能: 1.添加本地图片 2.字体可以调整粗细、大小、字色、斜体。
需要一个可以编辑同时又可显效果的编辑框。textarea不行,它只能用来输入纯文本,不能显示颜色、斜体之类的文字样式,就像记事本,本文介绍所见即所得编辑器实现原理
freemarker-pdf-编辑器 一个简单的 web 应用程序,用于编辑 FreeMarker FTL 模板,快速转换并预览 HTML 和 PDF 格式的结果。 用 Spring 和 AngularJS 编写。 此工具旨在适应编写在您的应用程序中呈现为 HTML 或 PDF...
您还可以从GitHub页面在线访问此编辑器: : 。 内部运作 创建该项目的目的是减轻手工编辑十六进制转储的痛苦,并探索现代JavaScript语法以及现代Chrome浏览器支持的API(未测试其他浏览器-欢迎提出修复可能问题的...
求 pr特性可视化编辑,同时实时生成结果代码,还可以单独预览丰富的数据编辑能力,可以编辑组件的二维属性组件可嵌套自适应布局除了 antd 的组件,还有一些原生 html 元素可使用原理解析1.如何实现实时编辑第一步,...
1. 概述 该资源主要是为Java Web系统的毕业...在参考源代码进行编程时,需要确保理解其工作原理和逻辑,避免仅仅复制和粘贴。 希望这种资源描述能够满足您的需求!如果还有其他的疑问或者需要进一步的描述,请告诉我。
只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ASCII 纯文字格式即可,当然 以专业的网页编辑软件为佳。 · 第一课 Html简介 · 第二课 HTML标记一览 · 第三棵 文件标记 ...
只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ASCII 纯文字格式即可,当然 以专业的网页编辑软件为佳。 · 第一课 Html简介 · 第二课 HTML标记一览 · 第三棵 文件标记 ...
SwifTML-一个Swift HTML生成器 SwifTML允许您直接在Swift中构建HTML页面或片段。 框架的一部分。 下载随附的游乐场以查看其工作原理。 // TODO code sample 内置的标签定义是自动生成的,带有一些预定义的标签...
微信小程序 微信小程序解析富文本编辑器的HTML代码,