wangxiaoxu
wangxiaoxu

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

相信很多人都使用过多种富文本编辑器，富文本编辑器常用于编辑博客、用户交互，富文本编辑器分为两种：所见即所得和非所见即所得

两种富文本编辑器的实现原理是不相同的。

1. 非所见即所得编辑器

这种编辑器的实现原理很简单，用textarea元素就可以实现，假如要实现粗体、斜体、下划线、颜色字、图片的效果，只需在字的中间加上自定义标签即可，例如： [b]富文本编辑器[b]，[img]src=”http://www.google.com.hk/intl/zh-CN/images/logo_cn.png”[img]当然这些规则你得自己通过js进行定制。当POST提交后，再把这些标签转换为html标签。

2. 所见即所得编辑器

在1中我提到的几种效果，我们无法在textarea中见到立竿见影的效果（所见即所得），而文本域本身也只是支持一些字符的输入，并不支持显示html。

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

还是直接上代码来得方便一些，代码也很少。

<html>
<script language="javascript" type="text/javascript">
//初始化编辑器
function init() {
var ifr = document.getElementById("editor");
var doc = ifr.contentDocument || ifr.contentWindow.document; // W3C || IE
doc.designMode="on";
doc.contentEditable= true;
doc.write('<html><head><style>body{ margin:3px; word-wrap:break-word; word-break: break-all; }</style></head><body>GoodNessEditor</body></html>');
alert(doc.body.innerHTML);
}

//设置选定的文本为粗体/正常
function setBold() {
var win=document.getElementById("editor").contentWindow;
win.document.execCommand("Bold",false,null);
win.focus();
}
</script>
<p>
  <input type="button" id="bBtn" value="B" style="font-weight:bold" onclick="setBold();" />
</p>
<p>
  <iframe id="editor" width="600px" height="400px" style="border:solid 1px;"></iframe>
</p>
<script type="text/javascript">
init();
</script>

很重要的几点
    (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吧。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KF富文本编辑器</title>
<script type="text/javascript" src="jquery.min.js">
</script>
<script type="text/javascript">
$(function(){
	$d = $("#editor")[0].contentWindow.document; // IE、FF都兼容
	$d.designMode="on";
	$d.contentEditable= true;
	$d.open();
	$d.close();
	$("body", $d).append("<div>A</div><div>B</div><div>C</div>");
	
	$('#insert_img').click(function(){
		// 在iframe中插入一张图片									
		var img = '<img src="' + $('#path').val() +'" />';
		$("body", $d).append(img);
	});
	
	$('#preview').click(function(){
		// 获取iframe的body内容，用于显示或者插入到数据库
		alert($('#editor').contents().find('body').html());
		$('#preview_area').html($('#editor').contents().find('body').html());

	});
});

</script>

</head>

<body>


<p><iframe id="editor" width="600px" height="200px" style="border:solid 1px;"></iframe></p>
<input type="text" id="path" value="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png"/>
<input type="button" id="insert_img" value="插入图片" />
<input type="button" id="preview" value="预览" />

<p style="border: 1px dashed #ccc;" id="preview_area"></p>

</body>
</html>

效果图如下：

是不是觉得很简单呢？

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

  • origin软件有python好用吗_Origin 2021大大改进了与Python的交互 weixin_39922534
    经常收到同学咨询如何在Origin中管理下载Python包的问题，可以翻看上期专栏Origin2021对使用Python编程进行了重大改进。这些改进主要包括：新的originpro程序包，可使用Python语言轻松访问Origin对象和数据Python代码编辑器IDE现支持自动补完和调试功能可通过脚本或图形用户界面来安装和管理Python包设置列值，拟合函数和文本对象中使用Python函数从Lab
  • Markdown Viewer 浏览器, vscode sun007700 linux
    使用VSCode插件打造完美的MarkDown编辑器（插件安装、插件配置、markdown语法）_vscodemarkdown-CSDN博客右键.md文件，选择打开方式（安装一些markdown的插件)vscode如何预览markdown文件|FromideaGitCode-全球开发者的开源社区,开源代码托管平台MarkdownViewer安装与配置完全指南-CSDN博客Chrome安装Markd
  • Vim 的性能优化与资源管理 Evaporator Core 人工智能vim性能优化编辑器
    Vim作为一个强大的文本编辑器，深受开发者的喜爱，尤其是在编程、写作、系统管理等领域。它轻量、快速，且可高度自定义。然而，随着工作量的增加和插件的增加，Vim也可能变得迟缓，尤其是在处理大文件、大项目和高负载时。本文将介绍一些技巧，帮助你优化Vim的性能，并更有效地管理其资源。一、提高启动速度Vim启动时间的长短直接影响使用体验，尤其是当你启动Vim多次时，长时间的启动等待可能会影响工作效率。以下
  • VIM介绍 雨天不打滑 linuxvim编辑器unix
    概念vi和vimvi编辑器是所有Unix及Linux系统下标准的编辑器，它就相当于Windows系统中的记事本一样，它的强大不逊色于任何最新的文本编辑器，是我们使用Linux系统不能缺少的工具。由于对Unix及Linux系统任何版本，vi编辑器是完全相同的，所以掌握它意义重大。提到vi就不能不提vim了，相关背景：BramMoolenaar在80年代末购入他的Amiga计算机时，Amiga上没有他
  • 从提供的 package.json 文件可以看出，项目已经集成了 vue-cli-service lint --fix，并且配置了相关的工具和脚本 小丁学Java vue2和element-uijsonvue.js前端
    文章目录1.确认`vue-cli-servicelint`已集成2.确认`lintOnSave`是否启用示例：`vue.config.js`3.确认ESLint配置4.确认Git钩子配置5.如何实现保存时自动修复（1）启用`lintOnSave`（2）配置编辑器的ESLint插件（3）测试自动修复6.总结从你提供的package.json文件来看，项目已经集成了vue-cli-servicelin
  • 把markdown转换为pdf的方法 hunter206206 经验Markdownpdf
    将Markdown文件转换为PDF有多种方法，以下是几种常见的方式：1.使用VSCode和Markdown插件VSCode是一款流行的代码编辑器，支持通过插件将Markdown转换为PDF。步骤：安装VSCode：下载地址：VSCode官网安装Markdown插件：打开VSCode，点击左侧扩展图标（或按Ctrl+Shift+X）。搜索并安装MarkdownAllinOne和MarkdownPDF
  • Centos7配置vim-plug插件管理器与git安装 icacxygh001 vimcentoslinux
    LINUX下VIM是一款轻量级文本编辑器，功能强大作为开发者常用开发工具之一，本文目的通过安装vim-plug来管理插件，打造基于VIM的IDE继承开发环境，这个算是第一步吧，不废话了网上有很多关于如何安装vim-plug的教程，有些踩过的坑和大家分享下：1.安装步骤看到这里默认你的系统已经安装了vim编辑器（如何安装VIM这里不再阐述），往下看首先建立你要下载vim-plug的目录$mkdir-
  • 探秘高效代码浏览：git-peek 开源神器 卓桢琳Blackbird
    探秘高效代码浏览：git-peek开源神器git-peekgitrepotolocaleditorinstantly项目地址:https://gitcode.com/gh_mirrors/gi/git-peek项目介绍git-peek是一个轻量级的工具，它让你能够在本地文本编辑器中快速预览远程Git仓库。通过简单的命令行操作，你可以瞬间在自己的环境中查看和搜索他人的代码，无需繁琐的克隆过程。此外，
  • Vim命令&快捷键 BBluster 系统vim编辑器linux
    Vim命令&快捷键简介Vim（ViIMproved）是一个功能强大的文本编辑器，广泛用于编程和其他文本编辑任务。它是基于vi编辑器，添加了很多新的功能。Vim使用模式编辑，主要包括普通模式、插入模式和命令行模式。命令基础命令i-进入插入模式，可以开始输入文本。Esc-退出当前模式，回到普通模式。:w-保存文件。:q-退出Vim。:wq或:x-保存并退出。:q!-强制退出而不保存更改移动光标h-左移
  • （01）搭建开发环境 RayTz 龙芯2K1000开发指南linux运维服务器
    1.安装虚拟机软件VMwareWorkstationPro172.虚拟机安装ubuntu20.4系统3.安装VMtools工具4.安装vim编辑器sudoaptinstallvim4.安装SSH服务选择下载源为：http://mirrors.aliyun.com/ubuntu在线安装：sudoapt-getinstallopenssh-server配置环境：sudovim/etc/ssh/sshd
  • Linux基础——vim编辑器 Jerk·Z linux编辑器vim
    vim编辑器一.vim的概述1.1vim优势Linux系统，所有的文件，都是没有后缀名的。我们要操作文件就是对文件进行编辑，使用vi或者vim编辑器。vim是vi的加强版，和vi相比，扩展了好多的功能，可以查找，复制、替换高亮等等。1.2vi编辑器使用#vi后面直接跟着文件名，如果这个文件不存在，代表的是帮我们创建文件并编辑#如果存在的话，就代表打开文件执行进行编辑#刚开文件的时候，【普通模式】#
  • 【Linux】Linux 基础开发工具（yum、vim、gcc/g++、gdb、make/makefile、git） Morning_Yang丶 【Linux】linuxvimgit
    博客主页：Morning_Yang丶欢迎关注点赞收藏⭐️留言本文所属专栏：【Linux】作者水平有限，如果发现错误，敬请指正！感谢感谢！文章目录一、Linux软件包管理器yum1.1软件包1.2搜索&安装&卸载软件包1.3拓展：rz/sz工具二、Linux开发工具2.1编辑器-vim①vim的基本概念②vim的基本操作③vim在命令模式中的命令集()④vim在末行模式中的命令集()⑤拓展（添加/取
  • Linux编辑器——vim的基础使用 Yui_ Linuxlinux编辑器vim笔记经验分享
    文章目录1.vim的基本概念2.vim的基本操作3.vim命令模式命令集3.1移动光标3.2删除文字3.3复制3.4替换3.5撤销3.6更改3.7跳到指定的行1.vim的基本概念本文将介绍vim的三种模式，分别位：命令模式、插入模式、低行模式。他们的功能区分如下：正常/普通/命令模式控制屏幕光标的移动、字符、字或行的删除、移动某区段及进入插入模式，或者到末行模式插入模式只有在插入模式才可以做文字输
  • eclipse的书签快捷键插件-Quickmarks plugin springleft eclipseduplicatesdocumentationkeyboardpluginsfile
    eclipse编辑器增强工具之书签工具:插件主页:http://eclipse-tools.sourceforge.net/quickmarks/OverallQuickmarksareWorkspaceglobalbydefault,butyoucanchangethattohaveoneSetofQuickmarksperProject,FolderorDocument.AQuickmarkr
  • 2024年必备的AI代码编辑器：Cursor等8款神器推荐 surfirst LLM人工智能编辑器Cursor开发者
    AI代码编辑器在2024年深刻影响了开发者2024年，AI代码编辑器成为开发者日常工作中的核心工具，对编程方式和效率产生了深刻影响。以下几点尤其值得关注：加速应用开发：AI工具帮助开发者快速实现流程自动化，提高研发效率，并优化用户体验。例如，根据某项调查显示，使用AI代码编辑器后，开发速度提高了30%。个体效能显著提高：AI代码编辑器让个人开发者能够像一个小团队一样高效工作。全栈开发变得更加容易，
  • 魔兽地图编辑器实现英雄选择的四种方法 百口可乐__ 魔兽地图编辑器付费WorldEditer
    小精灵选择英雄在地图上建立一个新英雄，更改其玩家为中立无敌意用地区面板在英雄的位置添加一个狭小的地区新建一个触发器，触发事件为单位进入该区域触发条件是进入区域的单位是小精灵执行的动作是，将该区域中的中立被动的任意英雄单位，改变为玩家所属，并且改变颜色建立特效
  • Linux上的C/C++编程 遥逖 Linuxlinuxc语言c++
    Linux上的C/C++编程yum软件包管理器Linux编辑器-vimvim命令模式指令集vim末行模式指令集gcc/g++的使用Linux自动化编译工具-make/MakefileLinux调试器-gdb调试命令多人合作工具gityum软件包管理器yum是Linux上常用的包管理器，类似于Windows上的“应用商店”。语法：yuminstall[选项]软件名下载安装软件包yumremove[选
  • Ruby语言的软件开发工具 2501_90183952 包罗万象golang开发语言后端
    Ruby语言的软件开发工具概述引言Ruby是一种高效、灵活的动态编程语言，因其简洁的语法和强大的功能而受到开发者的欢迎。在软件开发过程中，使用合适的开发工具可以大幅提高工作效率，提升代码质量。本文将详细介绍一些常用的Ruby开发工具，从代码编辑器到版本控制，再到测试工具，深入探讨它们的功能及使用方法。1.Ruby语言简介Ruby语言由松本行弘（YukihiroMatsumoto）于1995年首次发
  • VIM 的 YCM 插件 哎呦，帅小伙哦 开发工具vim编辑器linux
    1、背景VIM是一个非常强大的文本编辑器，因其高效的操作方式和丰富的插件生态系统而备受开发者喜爱。对于开发人员来说，代码补全和智能提示是提升编程效率的重要工具，而YouCompleteMe（YCM）插件就是其中一款功能强大且广泛使用的补全插件。YouCompleteMe（简称YCM）是一个为VIM编辑器设计的代码补全插件。它能够提供智能代码补全、错误检查、实时提示等功能，支持多种编程语言，如C/C
  • java环境变量配置 Vurteon Javajava初学者环境变量
    学习了一段时间的Java，其实吧，对于这个环境变量的配置，如果你直接使用eclipse和下载jdk，就不会用到。但是一般在写单个test的时候，使用编辑器和javac，java这两个命令是个不错的选择。为什么需要配置环境变量也就是这个原因，你在任意的一个目录下，输入了javac****然后就可以编译一个.java文件了，原因就在于，你把下载的jdk下的bin目录添加进了系统变量中的PATH，这样，
  • Linux基础3 2301_78560796 linux运维服务器
    VIM编辑器1.命令模式gg：移动光标到第一行G：移动光标到最后一行$：移动光标到当前行的行尾（最后一行），一般可以使用shift+$o：移动光标到当前行的行首（第一列）x：删除当前光标所在处的一个字符nx：删除当前光标所在处以及后面共n个字符X：删除当前光标的左边一个字符D：删除当前光标至行尾：dd：删除当前光标所在行ndd：删除当前光标所在后面共n行，注意n是数字键dG：删除当前光标所在行至文
  • 产生式系统实验头歌实验测试不通过解决（人工智能） 兜里没有一毛钱 人工智能pythonnumpy数据分析人工智能机器学习
    任务描述本关任务：编写一个使用产生式方法识别动物的系统。编程要求根据提示，在右侧编辑器补充代码，完成产生式系统——动物识别系统的操作，最后达到输入动物特征，输出动物类型的结果。特别说明在这个实验中，存在一个实验现象,就是你的自测运行输出结果与实验要求输出结果一模一样也不能通过，为什么呢？答：这个不知道算不算是头歌实验平台存在bug，一般我们在编写程序代码中，要求格式都是英文格式，但是在这个实验测试
  • mac平台c++环境配置 code&day mac使用技巧ACMMacc++ideOj编译器
    博客已搬家到https://www.wanglp.site)目标：一个轻量级的、反应迅速、便于使用的c++环境用途：学习C++，刷ACM试题需求：具有控制台和最一般的调试功能先后尝试过TextMate、CodeBlocks（mac）、CodeBlocks（paralleldesktopwin7）、Clion、Codelite1.TextMate，免费，轻量，真的只是一个编辑器，作为一个编辑器来说，
  • Bootstrap UI 编辑器：简化前端开发的利器 lsx202406 开发语言
    BootstrapUI编辑器：简化前端开发的利器引言在当今的网页设计和开发领域，Bootstrap已经成为了一个非常流行的前端框架。它以其响应式设计、简洁的代码和丰富的组件库而受到广大开发者的喜爱。然而，对于一些非技术背景的设计师或者初学者来说，直接使用Bootstrap可能会有一定的难度。这时，BootstrapUI编辑器就成为了他们的救星。本文将详细介绍BootstrapUI编辑器的概念、特点
  • C语言编译 czme c语言
    C语言编译是把C语言编写的源代码转换为计算机能执行的机器码的过程。首先需要一个文本编辑器来写代码，比如Vim、Notepad++等。代码写好后，使用C编译器，常见的有GCC（GNUCompilerCollection）。以GCC为例，如果有一个名为main.c的源文件，在命令行中输入gccmain.c-ooutput（output是可执行文件名，可自行设定），编译器会检查代码语法错误。如果没有错误
  • 你喜欢用什么编辑器? dami_king 随笔编辑器
    电脑工作者和程序员所使用的文本编辑器通常需要具备高效率、易用性以及对代码友好等特点，包括语法高亮、自动完成、多文件同时编辑、查找替换、版本控制集成等功能。以下是几个广受开发者欢迎且实用性较强的文本编辑器：VisualStudioCode（VSCode）：开源、免费，由微软开发，拥有强大的扩展生态系统，支持多种编程语言和框架，内建Git集成，实时错误检查和调试工具，非常适合现代Web和云端开发。Su
  • 国产编辑器EverEdit - 合并行 彩虹小黑馬 妙用编辑器编辑器EverEditEmEditornotepad++
    1合并行1.1应用场景  在编写代码或其他场景下，有时需要把多行的内容缩减成一行，或者纯粹减少行数进行合并，比如：下面的字典的定义，每个元素占了一行，有点浪费，现在需要把它们缩减行数。typeDict={"姓名":"name","出生日期":"passport_dob","职位":"job","手机号":"phone_number","身份证":"ssn","国家":"country","地址":
  • Linux添加自定义服务（service文件） 「已注销」 Linuxlinux
    Linux系统中也有“服务”这一说法，通过服务我们可以便捷地管理一些程序功能，也可以作为程序开机自启的一个手段之一。今天我来分享一下如何创建自己简易的Linux服务。1，新建服务文件每一个服务在Linux有它自己的对应的配置文件，这个文件可以通过文本编辑器编辑，扩展名为xxx.servive（xxx为服务名称）。这些文件位于/usr/lib/systemd/system目录下。在这个目录下新建se
  • 【Linux】【Vim】vim编辑器的用法 小豆豆儿 linux编辑器vim
    一、vim简介Vim是一款功能强大且高度可定制的文本编辑器，广泛应用于Linux和Unix系统中。它不仅继承了vi编辑器的所有特性，还增加了许多新的功能，如语法高亮、代码折叠、多级撤销等。Vim有三种主要的工作模式：命令模式（CommandMode）插入模式（InsertMode）底线命令模式（Command-LineMode）每种模式下可以执行不同的操作。二、启动与退出启动启动Vim可以通过在终
  • 用Python找到童年的乐趣，制作一款贪吃蛇小游戏。新手教程！ 2401_83703951 程序员pythonpygame开发语言
    开发工具python版本：3.6.8编辑器：pycharm相关模块importcopyimportrandomimportpygame模块安装pipinstall-ihttps://pypi.doubanio.com/simple/--trusted-hostpypi.doubanio.compygame实现效果这个就是代码运行的效果了。以前就是这样一个极为枯燥的游戏都能很多人抢着玩，一人一条命，
  • 强大的销售团队背后 竟然是大数据分析的身影 蓝儿唯美 数据分析
    Mark Roberge是HubSpot的首席财务官，在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。 大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面，以重组弱点，增强优势。 Mark Roberge是美国HubSpot公司的首席财务官，HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
  • Haproxy+Keepalived高可用双机单活 bylijinnan 负载均衡keepalivedhaproxy高可用
    我们的应用MyApp不支持集群，但要求双机单活（两台机器：master和slave）： 1.正常情况下，只有master启动MyApp并提供服务 2.当master发生故障时，slave自动启动本机的MyApp，同时虚拟IP漂移至slave，保持对外提供服务的IP和端口不变 F5据说也能满足上面的需求，但F5的通常用法都是双机双活，单活的话还没研究过 服务器资源 10.7
  • eclipse编辑器中文乱码问题解决 0624chenhong eclipse乱码
    使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题，Eclipse提供了灵活的设置文件编码格式的选项，我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式：Workspace、Project、Content Type、File 本文以Eclipse 3.3（英文）为例加以说明： 1. 设置Workspace的编码格式： Windows-&g
  • 基础篇--resources资源 不懂事的小屁孩 android
    最近一直在做java开发，偶尔敲点android代码，突然发现有些基础给忘记了，今天用半天时间温顾一下resources的资源。 String.xml    字符串资源   涉及国际化问题  http://www.2cto.com/kf/201302/190394.html   string-array
  • 接上篇补上window平台自动上传证书文件的批处理问卷 酷的飞上天空 window
    @echo off : host=服务器证书域名或ip，需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称 set host=localhost set ou=localhost set o=localhost set password=123456 set validity=3650 set salias=s
  • 企业物联网大潮涌动：如何做好准备？ 蓝儿唯美 企业
    物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。 尽管物联网（IoT）还很新，企业架构师现在也应该为一个连接更加紧密的未来做好计划，而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域，而是哪些地方物联网没有在企业推进，” Gartner研究总监Mike Walker说。 Gartner预测到2020年物联网设备安装量将达260亿，这些设备在全
  • spring学习——数据库（mybatis持久化框架配置） a-john mybatis
    Spring提供了一组数据访问框架，集成了多种数据访问技术。无论是JDBC，iBATIS(mybatis)还是Hibernate，Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。 mybatis是一种Spring持久化框架，要使用mybatis，就要做好相应的配置： 1，配置数据源。有很多数据源可以选择，如：DBCP，JDBC，aliba
  • Java静态代理、动态代理实例 aijuans Java静态代理
    采用Java代理模式，代理类通过调用委托类对象的方法，来提供特定的服务。委托类需要实现一个业务接口，代理类返回委托类的实例接口对象。 按照代理类的创建时期，可以分为：静态代理和动态代理。 所谓静态代理：　指程序员创建好代理类，编译时直接生成代理类的字节码文件。 所谓动态代理：　在程序运行时，通过反射机制动态生成代理类。   一、静态代理类实例： 1、Serivce.ja
  • Struts1与Struts2的12点区别 asia007 Struts1与Struts2
    1) 在Action实现类方面的对比：Struts 1要求Action类继承一个抽象基类；Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口，也可以实现其他接口，使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的，只有一个包含execute方法的P
  • 初学者要多看看帮助文档 不要用js来写Jquery的代码 百合不是茶 jqueryjs
    解析json数据的时候需要将解析的数据写到文本框中,  出现了用js来写Jquery代码的问题;   1, JQuery的赋值  有问题    代码如下: data.username 表示的是:  网易            $("#use
  • 经理怎么和员工搞好关系和信任 bijian1013 团队项目管理管理
            产品经理应该有坚实的专业基础，这里的基础包括产品方向和产品策略的把握，包括设计，也包括对技术的理解和见识，对运营和市场的敏感，以及良好的沟通和协作能力。换言之，既然是产品经理，整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂，如何让人信服？如何让自己懂？就是不断学习，不仅仅从书本中，更从平时和各种角色的沟通
  • 如何为rich:tree不同类型节点设置右键菜单 sunjing contextMenutreeRichfaces
    组合使用target和targetSelector就可以啦，如下： <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}" selectionChangeListener=&qu
  • 【Redis二】Redis2.8.17搭建主从复制环境 bit1129 redis
    开始使用Redis2.8.17 Redis第一篇在Redis2.4.5上搭建主从复制环境，对它的主从复制的工作机制，真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的，Redis到了2.4.5这个版本，主从复制还做成那样，Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果，这次在Unbuntu上用官方支持的版本。   Ubuntu上安装Red
  • JSONObject转换JSON--将Date转换为指定格式 白糖_ JSONObject
    项目中，经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串，而JavaBean的属性有时候会有java.util.Date这个类型的时间对象，这时JSONObject默认会将Date属性转换成这样的格式：   {"nanos":0,"time":-27076233600000,
  • JavaScript语言精粹读书笔记 braveCS JavaScript
    【经典用法】：   //①定义新方法 Function .prototype.method=function(name, func){ this.prototype[name]=func; return this; } //②给Object增加一个create方法，这个方法创建一个使用原对
  • 编程之美-找符合条件的整数 用字符串来表示大整数避免溢出 bylijinnan 编程之美
    import java.util.LinkedList; public class FindInteger { /** * 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出 * 题目：任意给定一个正整数N，求一个最小的正整数M(M>1)，使得N*M的十进制表示形式里只含有1和0 * * 假设当前正在搜索由0，1组成的K位十进制数
  • 读书笔记 chengxuyuancsdn 读书笔记
    1、Struts访问资源 2、把静态参数传递给一个动作 3、<result>type属性 4、s:iterator、s:if c:forEach 5、StringBuilder和StringBuffer 6、spring配置拦截器 1、访问资源 (1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
  • [通讯与电力]光网城市建设的一些问题 comsci 问题
          信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系       我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........     
  • oracle 空间RESUMABLE daizj oracle空间不足RESUMABLE错误挂起
    空间RESUMABLE操作  转 Oracle从9i开始引入这个功能，当出现空间不足等相关的错误时，Oracle可以不是马上返回错误信息，并回滚当前的操作，而是将操作挂起，直到挂起时间超过RESUMABLE TIMEOUT，或者空间不足的错误被解决。 这一篇简单介绍空间RESUMABLE的例子。 第一次碰到这个特性是在一次安装9i数据库的过程中，在利用D
  • 重构第一次写的线程池 dieslrae 线程池 python
    最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类. 1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法 #!/usr/bin/env python # -*- coding:utf8 -*-
  • C语言学习六指针 dcj3sjt126com c
    初识指针，简单示例程序： /* 指针就是地址，地址就是指针 地址就是内存单元的编号 指针变量是存放地址的变量 指针和指针变量是两个不同的概念 但是要注意： 通常我们叙述时会把指针变量简称为指针，实际它们含义并不一样 */ # include <stdio.h> int main(void) { int * p; // p是变量的名字， int *
  • yii2 beforeSave afterSave beforeDelete dcj3sjt126com delete
    public function afterSave($insert, $changedAttributes) { parent::afterSave($insert, $changedAttributes); if($insert) { //这里是新增数据 } else { //这里是更新数据 } }  
  • timertask shuizhaosi888 timertask
    java.util.Timer timer = new java.util.Timer(true); // true 说明这个timer以daemon方式运行（优先级低， // 程序结束timer也自动结束），注意，javax.swing // 包中也有一个Timer类，如果import中用到swing包， // 要注意名字的冲突。 TimerTask task = new
  • Spring Security（13）——session管理 234390216 sessionSpring Security攻击保护超时
    session管理 目录   1.1     检测session超时 1.2     concurrency-control 1.3     session 固定攻击保护         
  • 公司项目NODEJS实践0.3[ mongo / session ...] 逐行分析JS源代码 mongodbsessionnodejs
        http://www.upopen.cn   一、前言         书接上回，我们搭建了WEB服务端路由、模板等功能，完成了register 通过ajax与后端的通信，今天主要完成数据与mongodb的存取，实现注册 / 登录 /
  • pojo.vo.po.domain区别 LiaoJuncai javaVOPOJOjavabeandomain
    　　POJO = "Plain Old Java Object"，是MartinFowler等发明的一个术语，用来表示普通的Java对象，不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色，也不实现任何特殊的Java框架的接口如，EJB， JDBC等等。 　　 　　即POJO是一个简单的普通的Java对象，它包含业务逻辑
  • Windows Error Code OhMyCC windows
    0 操作成功完成. 1 功能错误. 2 系统找不到指定的文件. 3 系统找不到指定的路径. 4 系统无法打开文件. 5 拒绝访问. 6 句柄无效. 7 存储控制块被损坏. 8 存储空间不足, 无法处理此命令. 9 存储控制块地址无效. 10 环境错误. 11 试图加载格式错误的程序. 12 访问码无效. 13 数据无效. 14 存储器不足, 无法完成此操作. 15 系
  • 在storm集群环境下发布Topology roadrunners 集群stormtopologyspoutbolt
    storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中，通过storm的管理命令来发布和管理集群中的topology。   1、打包 打包插件是使用maven提供的maven-shade-plugin，详细见maven-shade-plugin。 <plugin> <groupId>org.apache.maven.
  • 为什么不允许代码里出现“魔数” tomcat_oracle java
    　　在一个新项目中，我最先做的事情之一，就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范，以及避免通过静态代码分析就能够检测到的bug。 　　迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告，除了-1、0、1和2。 　　很多开发者在这个检查方面都有问题，这可以从结果
  • zoj 3511 Cake Robbery(线段树) 阿尔萨斯 线段树
    题目链接：zoj 3511 Cake Robbery 题目大意：就是有一个N边形的蛋糕，切M刀，从中挑选一块边数最多的，保证没有两条边重叠。 解题思路：有多少个顶点即为有多少条边，所以直接按照切刀切掉点的个数排序，然后用线段树维护剩下的还有哪些点。 #include <cstdio> #include <cstring> #include <vector&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他