- 浏览: 2662477 次
- 来自: 杭州
文章分类
- 全部博客 (1188)
- webwork (4)
- 网摘 (18)
- java (103)
- hibernate (1)
- Linux (85)
- 职业发展 (1)
- activeMQ (2)
- netty (14)
- 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 (7)
- 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)
最新评论
-
siphlina:
课程——基于Python数据分析与机器学习案例实战教程分享网盘 ...
Python机器学习库 -
san_yun:
leibnitz 写道hi,我想知道,无论在92还是94版本, ...
hbase的行锁与多版本并发控制(MVCC) -
leibnitz:
hi,我想知道,无论在92还是94版本,更新时(如Puts)都 ...
hbase的行锁与多版本并发控制(MVCC) -
107x:
不错,谢谢!
Latent Semantic Analysis(LSA/ LSI)算法简介 -
107x:
不错,谢谢!
Python机器学习库
为什么能实现在线编辑呢? 首先需要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 575这里记录一些我觉得好的博客地址: http://iamm ... -
要看的好文
2011-11-16 12:48 862一致性 hash 算法( consistent hashing ... -
cronolog
2011-05-25 20:58 3618原作者:陈明 很多 ... -
Be more efficient
2011-05-24 11:37 1318svndiff 快捷键 Gnome快捷键: ... -
google 绑定地址
2011-05-20 16:49 105374.125.153.104 code.google.com ... -
JS疑难杂症
2010-01-19 16:42 1047通过a标签提交表单有问题,必须使用button提交表单. & ... -
javascript实现语法高亮
2009-09-09 17:32 0http://hi.baidu.com/erik168/blo ... -
使用JAVA对图片进行效果变换
2008-12-12 22:42 1585原文: http://blog.ccidnet.com/blo ... -
针对Oracle数据库的优化器详细介绍
2008-02-23 12:52 1205http://unixboy.iteye.com/blog/1 ... -
优化数据库大幅度提高Oracle的性能
2008-02-23 12:49 1229http://unixboy.iteye.com/blog/1 ... -
Oracle高级查询
2007-06-27 15:31 2584使用Oracle特有的查询语法, 可以达到事半功倍的效果 转 ... -
Domain-Driven Design领域驱动设计(转)
2007-03-21 13:51 2367越来越多人开始使用Java ... -
我的2006 ―― 战斗的一年(转)
2007-03-21 13:49 1463圣诞假期开始了,下午多数美国同事都早早回家了。我差不多是最后一 ... -
透明书评Patterns of Enterprise Application Architecture(PoEAA)
2007-03-21 13:48 1933我有一双定做的休闲鞋,一只鞋上赫然写着“KISS”,另一只则写 ... -
十年学会编程(著者: Peter Norvig)
2007-03-21 13:46 2049为何人人都这么着急? 信步走进任何一家书店,你会看到名为《如 ... -
判断是否是质数
2007-03-21 13:45 1875java 代码 import java.io.* ... -
如何成为一名真正的高级程序员(转)
2007-03-21 13:43 6545那么作为高级程序员,以至于系统分析员,也就是对于一个程序项目的 ... -
如何成为一名真正的程序员(转)
2007-03-21 13:42 1924中国有很多小朋友,他 ...
相关推荐
HTML在线编辑器是一种基于Web的工具,允许用户直接在浏览器中编辑HTML内容,通常用于创建网页、论坛发帖、博客日志等。这种编辑器的关键在于其提供了类似于桌面文字处理软件的界面,使得非程序员也能方便地编辑和...
### HTML在线编辑器原理详解 #### 一、概述 HTML在线编辑器作为一种常见的网页组件,广泛应用于各种在线平台,如论坛、博客系统等,让用户能够方便地编辑富文本内容。本文将详细介绍HTML在线编辑器的基本原理和...
【PHP HTML在线编辑器】是一种基于PHP开发的用于网页内容编辑的工具,它允许用户在浏览器环境下进行HTML文档的创建、修改和管理。这个编辑器是新浪博客的PHP版本,具备图片上传功能,使得用户可以方便地在文章中插入...
**HtmlEditor** 可能是指一个更通用的HTML编辑器名称,这可能是一个简单或者定制化的解决方案,用于在网页上编辑HTML代码。它通常会包含基本的文本格式化功能,并可能提供一些高级特性,如预览、HTML标签查看和代码...
同时,"仅供参考"意味着它可能不是商业级别的产品,而是作为一个学习或测试的工具,帮助开发者理解和实践HTML编辑器的实现原理。 基于【标签】"编辑器",我们可以推测这个项目的核心是围绕着在线文本编辑工具的开发...
HTML5文本编辑器是网页开发中的重要组成部分,它允许用户在网页上进行内容输入和编辑,常用于博客、论坛...分析和研究这些代码可以帮助我们更深入地理解富文本编辑器的工作原理和实现细节,从而在实际项目中灵活运用。
HTML编辑器的工作原理通常是通过JavaScript或者AJAX技术在前端实现交互,后端则通常基于PHP、Python、Java或.NET等服务器端语言进行数据处理和存储。当用户在编辑器中进行操作时,前端会实时更新预览,同时将用户的...
HTML编辑器则是辅助用户创建、编辑和管理这些HTML文档的工具。阿赛HTML在线编辑器v10以其直观的界面和丰富的功能,为用户提供了高效的工作流。 这款编辑器可能包含了以下核心功能: 1. **代码高亮**:源代码会被...
【纯Html+js在线编辑器】是一种基于Web的文本编辑工具,它允许用户在网页上进行文本编辑,就像使用桌面应用程序中的文字处理器一样。这种编辑器通常由HTML(超文本标记语言)作为用户界面,JavaScript作为核心编程...
这些源代码可以被开发者用来研究编辑器的工作原理,或者作为创建自己在线代码编辑器的起点。通过研究这些源码,可以学习到如何使用HTML5构建富交互的Web应用,如何用CSS来美化和布局界面,以及如何利用JavaScript...
在线开发HTML编辑器需要掌握HTML、CSS、JavaScript基础,了解ASP.NET用户控件的工作原理,以及可能涉及的富文本编辑器库的使用。开发过程中,还需要考虑到用户体验、功能完备性、浏览器兼容性和安全性等因素。
这对于学习WPF、XAML和HTML编辑器的实现原理非常有价值。你可以研究代码结构,理解如何将HTML编辑功能集成到WPF应用中,以及如何通过XAML进行界面设计。 **XAML**:XAML(Extensible Application Markup Language)...
在HTML编辑器中,Java可能被用于构建后端逻辑,处理用户输入,与数据库交互,并向前端提供动态内容。Java的强类型和面向对象特性使得它在构建复杂应用时尤为强大。 2. **JSP(JavaServer Pages)代码编辑器**: ...
HTML编辑器是网页开发中不可或缺的工具,它们允许用户通过图形化界面创建和修改HTML代码,使得非程序员也能轻松编辑网页内容。"简洁版html编辑器qq编辑器"是一款从QQ网站提取的编辑器,其特点是简洁易用,特别适合...
通过研究这些内容,你可以深入了解其工作原理,甚至可以对其进行二次开发,以创建满足特定需求的在线代码编辑器。 总之,CodeMirror是一个强大且灵活的开源在线代码编辑器,它的广泛应用证明了其在Web开发中的价值...
HTML编辑器的核心原理通常涉及到以下几个方面: 1. **富文本处理**:编辑器通过JavaScript库(如TinyMCE、CKEditor或Froala Editor)在前端提供一个富文本界面,用户可以插入文本、图片、链接等元素,并能调整字体...
下面将详细讨论HTML在线编辑器的相关知识点,包括其工作原理、常见功能、与Java的结合以及对初学者的重要性。 1. **工作原理**: HTML在线编辑器通常基于AJAX(Asynchronous JavaScript and XML)技术,通过...
本篇文章将深入探讨C# HTML编辑器的相关知识点,包括它们的基本功能、设计原理、以及如何在C#项目中集成和扩展这些编辑器。 首先,C# HTML编辑器通常是一种图形用户界面组件,允许用户在应用程序内部创建和编辑HTML...
**JSP HTML编辑器详解** 在网页开发过程中,HTML编辑器是必不可少的工具,它能够帮助开发者快速创建、编辑和预览HTML代码。对于Java Web开发者来说,将HTML编辑器集成到JSP(JavaServer Pages)环境中尤为重要。...
HTML在线编辑器是一种基于Web的文本编辑工具,它允许用户在浏览器中创建、编辑和格式化文本,类似于桌面端的Word处理软件。这些编辑器通常使用JavaScript框架构建,以提供丰富的用户界面和交互功能,使得非程序员也...