所见即所得富文本编辑器实现原理 转

如何做到编辑像文本域，又能够即时所见呢？答案就是使用iframe作为内容编辑区域。iframe本身也是一个嵌套页面，它如何能够被编辑呢？这里有一些关键的属性，它们可以做到让iframe可以被编辑。

(1). 用ifr.contentDocument || ifr.contentWindow.document方式获取iframe的文档对象
(2). 分别设置designMode属性为’on’，contentEditable属性为’true’让iframe可编辑
(3). 通过doc.body.innerHTML方法获取内容，这个内容是我们最终要插入到数据库或显示在页面上的（例如用户评论） 

 但是在实际运行的时候，你是否发现除了chrome浏览器外（用IETester, Firefox, Chrome测试）打开这个页面都处于正在加载的状态（那个轮子转啊转，转个不停…）

只要在doc.write()方法前后加上doc.open(), doc.close()就可以了（在写之前开启，写完之后关闭）。

 

最后，我们的Web程序中经常使用jQuery作为基础类库，那就把上面的代码也改造为jQuery吧。代码如下：

 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 2 <html xmlns="http://www.w3.org/1999/xhtml"> 
 3 <head> 
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 5 <title>KF富文本编辑器</title> 
 6 <script type="text/javascript" src="jquery.min.js"> 
 7 </script> 
 8 <script type="text/javascript"> 
 9 $(function(){ 
10     $d = $("#editor")[0].contentWindow.document; // IE、FF都兼容 
11     $d.designMode="on"; 
12     $d.contentEditable= true; 
13     $d.open(); 
14     $d.close(); 
15     $("body", $d).append("<div>A</div><div>B</div><div>C</div>"); 
16       
17     $('#insert_img').click(function(){ 
18         // 在iframe中插入一张图片                                    
19         var img = '<img src="' + $('#path').val() +'" />'; 
20         $("body", $d).append(img); 
21     }); 
22       
23     $('#preview').click(function(){ 
24         // 获取iframe的body内容，用于显示或者插入到数据库 
25         alert($('#editor').contents().find('body').html()); 
26         $('#preview_area').html($('#editor').contents().find('body').html()); 
27   
28     }); 
29 }); 
30   
31 </script> 
32   
33 </head> 
34   
35 <body> 
36   
37   
38 <p><iframe id="editor" width="600px" height="200px" style="border:solid 1px;"></iframe></p> 
39 <input type="text" id="path" value="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png"/> 
40 <input type="button" id="insert_img" value="插入图片" /> 
41 <input type="button" id="preview" value="预览" /> 
42   
43 <p style="border: 1px dashed #ccc;" id="preview_area"></p> 
44   
45 </body> 
46 </html>


 

你可能感兴趣的:(编辑器)

  • Linux学习系列之vim编辑器（一） llibertyll linux学习
    vi编辑器的操作模式输入模式—aio等—>命令模式<—：键—末行模式从输入/末行模式切换到命令模式都是需要按ESC键注:a光标后输入，i光标前输入，o直接向下加一行输入，O向上加一行输入在vi编辑器中光标的移动（命令行模式下）键组合（命令）光标的移动$光标移动到当前行的结尾0（零）光标移动到当前行的开始GG光标移动到最后一行gg光标移动到第一行在命令行模式下删除与复制的操作键组合（命令）含义dd删
  • Unity3D 制作MMORPG 3D地图编辑器详解 Thomas_YXQ 3d编辑器Unity3D游戏开发unity开发语言
    前言在MMORPG游戏中，地图编辑器是一个非常重要的工具，可以帮助开发者快速创建复杂的游戏地图。本文将详细介绍如何使用Unity3D制作一个简单的MMORPG3D地图编辑器。对惹，这里有一个游戏开发交流小组，希望大家可以点击进来一起交流一下开发经验呀！创建地图编辑器界面首先，我们需要创建一个新的Unity项目，并在场景中创建一个空的GameObject作为地图编辑器的主要控制器。然后，我们可以使用
  • Windows Edge 兼容性问题修复 马卫斌 前端工程师 edge
    当遇到MicrosoftEdge浏览器的兼容性问题时，您可以尝试以下几种解决方案：解决方案1：通过注册表编辑器禁用渲染器完整性检查针对一些特定情况，您可能需要关闭Edge浏览器的渲染器完整性检查以解决兼容性问题。按照以下步骤操作：1.按Win+R键打开“运行”对话框，输入regedit并回车打开注册表编辑器。2.导航至以下路径：计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Pol
  • HTML语言剖析 混沌破晓
    HTML语言剖析Html简介-目录全写：HyperTextMark-upLanguage译名：超文本标识语言简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推荐用：Dreamweaver。1.Html特点：►描述性语言，结构语言，用于决定网页内容以什么样的形式显示；►通过标签
  • 强大的文本编辑器：Sublime Text for Mac注册激活版 macw_q 后端
    SublimeTextforMac是一款功能强大的文本编辑器，特别适合程序员和开发者使用。它提供了丰富的功能，如智能代码补全、语法高亮、自定义快捷键、项目管理、多行选择、自动保存等，以提高代码编写效率和舒适度。此外，SublimeText还支持插件扩展，用户可以根据自己的需求安装各种插件，进一步增强编辑器的功能。软件下载：SublimeTextforMac注册激活版下载在Mac上使用Sublime
  • MineAdmin Swagger结合phpstorm实现快速客户端http调试 明日晴空 工具类PHPphpstormMineAdminSwaggerhttp调试
    以下操作，以MineAdmin框架作为演示，其它OpenApi规范文件亦可效果演示：1、打开http.json文件【OpenApi规范】，点击左侧装订线栏按钮2、点击左侧装订线栏按钮后，自动生成generated-requests.http文件，此时即可在phpstorm编辑器中直接调试接口，非常高效方便。一、下载安装MineAdmin1、gitee地址MineAdmin:MineAdmin是基于
  • 如何将Excel中的数据复制到CAD中? fyy7777
    在CAD制图工作中，当我们利用Excel中的数据在CAD中绘制简单的图形时，你都是如何操作的呢？该不会一个个的绘制吧，其实不用那么麻烦，我们只需要将Excel中的数据导入CAD中，那么具体该如何操作呢？1、我们打开需要使用的Excel中的数据，打开后复制需要的B列中的的数据。2、复制完成后打开迅捷CAD编辑器，输入“PL”,按回车键。然后在命令行直接“Ctrl+V”可以以这些点直接生成一条多段线。
  • [套路] 浏览器引入Vue.js场景-WangEditor富文本编辑器的使用 (永久免费) Grandpa_Rick 套路frontendvue.js前端javascriptwangEditor
    系列文章目录[套路]el-table多选属性实现单选效果[套路]基于服务内存实现的中文拼音混合查询[套路]Bypass滑块验证码目录系列文章目录前言一、实现1.1场景1.2Window对象简介1.3引入WangEditor1.4页面配置前言公司使用freemarker的老旧SpringBootWeb后台项目,前两年通过浏览器引入js的方式使用Vue简单升级了下,方便迭代功能.近期一个很简单的功能需
  • Linux编辑器-vim使用 腾扬集团驻吉吉国大使 linux编辑器vim
    vi/vim的区别简单点来说，它们都是多模式编辑器，不同的是vim是vi的升级版本，它不仅兼容vi的所有指令，而且还有一些新的特性在里面。例如语法加亮，可视化操作不仅可以在终端运行，也可以运行于xwindow、macos、windows。1.vim的基本概念vim的三种模式,分别是命令模式（commandmode)、插入模式（Insertmode）和底行模式（lastlinemode），各模式的功
  • react可视化编辑器 第五章 升级版 拖拽、缩放、转圈、移动 zhooson react.js编辑器前端
    本章代码结构：主入口Test.tsx,组件：ResizeControl.tsx本章花费俩天时间完成代码例子，单独抽离代码封装好一个ResizeControl组件，拿来即用。代码中constdomObj=document.getElementById(resize-item-${startPos.id})这句是关键代码，不然获取的dom节点有问题，导致多个红色div操作时候会重叠ResizeCont
  • 在Linux/Ubuntu/Debian中创建自己的命令快捷方式 理工男老K linuxubuntudebian运维
    虽然图标快捷方式使你移动鼠标双击就打开目标，但是你还是需要先定位到它。而在终端Terminal中你只需要输入一个自定义命令就能一步到位。要在Ubuntu中创建你自己的命令或别名，你可以使用主目录中的“.bashrc”文件。以下是创建通过Wine运行Photoshop的别名的方法：打开终端窗口。在文本编辑器中打开“.bashrc”文件。你可以使用你喜欢的任何文本编辑器，例如nano或vim。例如：n
  • react可视化编辑器 第一章 拖拽 zhooson react.js编辑器前端
    效果：实现可视化编辑器，第一步难点是拖拽提示：链接和图片默认是可拖动的，不需要draggable属性。在拖放操作的不同阶段使用并可能发生许多事件属性：在可拖动目标上触发的事件（源元素）：ondragstart-当用户开始拖动元素时触发ondrag-拖动元素时触发ondragend-在用户完成拖动元素时触发在放置目标上触发的事件：ondragenter-当被拖动的元素进入放置目标时触发ondrago
  • 计算机网络-网络应用服务器（四） 神探阿航 计算机网络体系计算机网络网络职场和发展网络协议信息与通信
    1.Samba服务器：Samba是Linux上实现和Windows系统局域网上共享文件和打印机的一种通信协议，由服务器及客户端程序构成。支持SMB/CIFS协议，实现共享资源。最主要的一个配置文件smb.conf，可以使用vi编辑器修改。守护进程：smbd。启动samba服务servicesmbstart(restart、stop)。启动脚本/etc/rc.d/init.d/smbstart(re
  • linux文本三剑客之awk编辑器 效好飞 linux编辑器服务器运维
    前言我们将/etc/passwd/文件拷贝到/data/下做实验，以免影响系统一、应用场景过滤、统计、计算、过滤统计日志二、awk执行2.1工作原理1.逐行读取文本，默认以空格或tab键为分隔符进行分割，将分割所得的各个字段保存到内建变量中，并按模式或者条件执行编辑命令；2.sed命令常用于一整行的处理，而awk比较倾向于将一行分成多个"字段"在进行处理3.awk信息读入也是逐行读取的，执行结果可
  • VSCode安装与使用详细教程 爱花的程序 vscode
    一、引言（约300字）VSCode（VisualStudioCode）是由微软开发的一款免费、开源的代码编辑器，支持多种编程语言，拥有丰富的扩展插件库和强大的自定义功能。它凭借出色的性能、便捷的操作和丰富的特性，迅速成为开发者社区中备受瞩目的明星产品。无论是前端开发、后端开发、还是全栈开发，VSCode都能提供强大的支持，帮助开发者提高编码效率，优化工作流程。二、VSCode的特点与优势（约600
  • 【Linux】文本编辑器Vim（Vim的操作方法、命令集，Vim插件安装配置） 谁在夜里看海. LINUXlinuxvim运维
    目录00.前言01.基本模式02.基本操作03.命令集正常模式末行模式04.插件安装00.前言Vim（ViIMproved）是一款强大的文本编辑器，是Unix系统中经典的Vi编辑器的增强版本。它在功能和灵活性方面超越了传统的Vi，并成为了许多开发者和系统管理员首选的编辑器。vim具有以下优点：模式驱动：Vim具有不同的工作模式，包括Normal模式、Insert模式、Visual模式等。每个模式下
  • zettlr如何保存为HTML,Zettlr：适合写作者和研究人员的 Markdown 编辑器 360黑板报 zettlr如何保存为HTML
    有很多适用于Linux的Markdown编辑器，并且还在继续增加。问题是，像Boostnote一样，大多数是为编码人员设计的，可能不会受到非技术人员的欢迎。让我们看一个想要替代Word和昂贵的文字处理器，适用于非技术人员的Markdown编辑器。我们来看看Zettlr吧。ZettlrMarkdown编辑器ZettlrLightMode我可能在网站上提到过一两次，我更喜欢用Markdown写下我的所
  • Linux笔记--Vim编辑器 了一li 笔记Linuxlinux编辑器笔记
    一、vi和vimvi编辑器是所有Unix及Linux系统下标准的编辑器，类似于Windows系统下的记事本。很多软件默认使用vi作为他们编辑的接口。vim是进阶版的vi,vim可以视为一种程序编辑器。复制/etc/passwd文件到自己的目录下(不要直接修改letc/passwd)，后面使用passwd文件演示vim命令下载vim:sudoapt-getinstallvim#用法1:vim文件路径
  • 2019-06-07 3624土锤
    曾经有句著名的话，大概意思是这样的：当所有人都忙着去淘金的时候，你可以卖水给他们。简单理解，就是当一个行业蓬勃发展的时候，往往竞争也非常激烈。这时候你未必一定要进入这个行业，而是可以关注这个行业的关联行业，那些地方同样存在非常巨大的机会。我把它称之为“产业链条挖掘法”。来看几个简单的例子：公众号崛起的时候，做公众号赚钱的人当然非常多。但于此同时，做公众号编辑器的（如135编辑器），做公众号大数据的
  • Visual Studio Code &C++ on macOS Hanbaxia C++C++MACVSCODE环境搭建C++标准输入
    一、预备知识1、理解mac环境的开发环境名称在开发环境中作用举例文本编辑器编写代码sublime,atom，visualstdiocode,nodepad++,vi/vim,emacs编译器文本编辑器写的代码翻译成机器代码链接器代码经编译二进制机器代码后，与系统提供的二进制库进行组合，生成一个可执行文件通常编译器和连接器一起的。vc/vc++,gcc/g++,clang+llvm项目管理工具管理程
  • Rstudio-深度学习执行代码 俊俏的萌妹纸 深度学习计算机视觉人工智能
    RStudio是一个开源的集成开发环境（IDE），专门用于R编程语言的开发和数据分析。R语言是一种流行的统计计算和数据可视化语言，广泛用于数据科学、统计学和机器学习领域。RStudio提供了许多功能强大的工具，包括代码编辑器、调试器、数据可视化工具和集成的帮助文档。对于机器学习推广，RStudio可以帮助您进行数据预处理、模型训练、评估和部署。RStudio中有许多用于机器学习的包和库，如care
  • 在Visual Studio Code中配置C/C++环境 琛哥的程序 学习
    一、引言VisualStudioCode（VSCode）是一款轻量级的代码编辑器，支持多种编程语言，包括C和C++。要在VSCode中配置C/C++环境，需要安装一些扩展和工具，以确保能够正确地编译、调试和运行C/C++代码。本文将详细介绍在VSCode中配置C/C++环境的步骤，包括安装扩展、配置编译器和调试器等。二、安装VSCode首先，你需要从VSCode的官方网站下载并安装VSCode。安
  • vim文本编辑器 的命令及快捷键 正在学习中的菜鸟 运维服务器linux
    vim文本编辑器常用的命令及快捷键vim文本编辑器功能命令命令功能i从光标当前位置进入插入模式a从光标下一位进入插入模式ESC键退出编辑模式dd删除2dd删除两行u撤销上一步操作wq保存并退出0光标移动至文本开头G光标移至文本末尾$光标移动至行尾^光标移动至行首q或q!退出不保存:g/^$/d删除空行%s/*//g删除多余的空格快捷键快捷键功能Ctrl+c取消执行ctrl+a移动到行首ctrl+e
  • C/C++ 测试Qt官网的模拟时钟示例 我有一个魔盒 C/C++c语言c++qt
    操作系统：UOS20专业版qt环境安装：apt-getinstallqtcreator（会自动安装QtCreator编辑器及相关环境，新版qt似乎不再提供安装包）qt版本：qt5.11官网示例：AnalogClock（Qt6.6版本的）Qt5.11版本的模拟时钟代码（查看qt6.6版本对应的代码，然后在右上角切换版本）项目创建打开QtCreator编辑器。文件->新建文件或项目->Applicat
  • Unity - SerializeReference特性 人生若只如初見♫ Unityunity特性
    作用：在编辑器面板上持久序列化一个接口或者抽象类对象特点：1.添加SerializeReference后,即使字段是私有的,也无需添加SerializeField属性,二者同有将私有字段序列化的能力.2.SerializeReference属性允许字段为null,这点与默认序列化行为不同,默认序列化会自动实例化一个值3.添加[field:SerializeField]后,属性也可以像字段一样被序列
  • 集成开发环境IDEA 小靳基础通 intellij-ideajavaide
    集成开发环境（IntegratedDevelopmentEnvironment，IDE）是将软件开发过程中所需的多种工具集成在一起的应用程序。IDE通常包括代码编辑器、编译器、调试器和图形用户界面等组件。"集成"这个词在这里指的是将这些不同的开发工具和功能融合到一个统一的界面和工作流中，以提高开发效率和简化软件开发过程。以下是IDE中集成的一些关键特性和组件：代码编辑器：具备语法高亮、自动缩进、代
  • 如何在 CentOS 及其衍生版上安装 ONLYOFFICE 文档 v7.3 zy云青
    使用社区版，您可以在本地服务器上安装ONLYOFFICE文档，并将在线编辑器与ONLYOFFICE协作平台或其他热门系统集成在一起。ONLYOFFICE文档是什么ONLYOFFICE文档是一个在线办公套件，包括文本文档、电子表格和演示文稿的查看器和编辑器，与包括.docx、.xlsx、.pptx在内的OfficeOpenXML格式完全兼容，并支持实时协作编辑。主要功能文档编辑器电子表格编辑器演示文
  • git重新提交commit 爱傲雪和技术的dc git
    在Git中重新提交commit，通常是指修改最近的提交或者更早的提交。以下是一些常用的方法来重新提交commit：修改最后的提交如果你只是想修改最后一次提交的信息（比如提交信息写错了），你可以使用：bashCopycodegitcommit--amend这将打开你的默认文本编辑器，允许你编辑提交信息。如果你想同时修改提交的内容（比如忘记添加了某些文件，或者不想包含某些文件），你可以先用gitadd
  • Markdown语法 samlyx 知识类数据库
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark
  • Boxy SVG for Mac(矢量图编辑器) 青色精灵
    BoxySVGforMac是一款非常好用的向量绘图工具，适用于初学者以及专业网页设计师和Web开发人员。boxysvg拥有超过100个命令的可配置键盘快捷键，能够让你快速制作出各种各样的矢量图。拥有BoxySVGforMac，让编辑矢量图不再困难！今天给大家分享的是BoxySVGforMac已经激活成功的版本，直接拖拽安装即可使用！BoxySVGforMac功能介绍1、干净，直观的UI深受Inks
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他