anda9128
anda9128

轻量级quill富文本编辑器

因为公司产品需要在移动端编辑文本，所以发现了这个轻量级的好东西，网上也没找到比较好的案例，就自己总结了下，有兴趣的直接复制代码运行看看就知道啦！

 

下面是quill.js的CDN加速地址：

　　

多的不讲了，直接上代码。里面有注释，这些都是基础的，大神绕道，嘿嘿

DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本编辑器title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
        <link href="http://cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet">
        <script src="http://cdn.quilljs.com/1.0.0/quill.js">script>
        
        
        <style>
            /*编辑器样式修改*/
            .ql-snow .ql-picker.ql-size .ql-picker-label::before {
              content: '中字体';
            }
            .ql-toolbar.ql-snow .ql-formats {
              margin-right: 8px;
            }
            
            #editor{min-height:300px;}
        style>
    head>
    <body>
        
        <div id="toolbar">
            <span class="ql-formats">
              <button class="ql-bold">Boldbutton>
              <button class="ql-italic">Italicbutton>    
              <button class="ql-underline">下划线button>    
              <button class="ql-link">linkbutton>    
          span>
          <span class="ql-formats">
              <button class="ql-list" value="ordered">button>
              <button class="ql-list" value="bullet">button>    
              <button class="ql-list" value="ql-blockquote">button>    
              <button class="ql-code-block">button>    
              <button class="ql-image" value="bullet">button>    
          span>
          <span class="ql-formats">
            <select class="ql-color">
              <option selected>option>
              <option value="red">option>
              <option value="orange">option>
              <option value="yellow">option>
              <option value="green">option>
              <option value="blue">option>
              <option value="purple">option>
            select>
            <select class="ql-background">
              <option selected>option>
              <option value="red">option>
              <option value="orange">option>
              <option value="yellow">option>
              <option value="green">option>
              <option value="blue">option>
              <option value="purple">option>
            select>
          span>  
          <span class="ql-formats">
            <select class="ql-size">
              <option value="10px">小字体option>
              <option selected>中字体option>
              <option value="18px">大字体option>
              <option value="32px">超大字option>
            select>
          span>
        div>
         
        
        <div id="editor">
          <p>Hello World!p>
        div>    
        
        <script>
            window.onload=function(){
                var BackgroundClass = Quill.import('attributors/class/background');
                var ColorClass = Quill.import('attributors/class/color');
                var SizeStyle = Quill.import('attributors/style/size');
                Quill.register(BackgroundClass, true);
                Quill.register(ColorClass, true);
                Quill.register(SizeStyle, true);
                
                
                var editor = new Quill('#editor', {
                  modules: { toolbar: '#toolbar' },
                  placeholder: 'Compose an epic...',
                  theme: 'snow'
                });
            }
        script>
    body>
html>

 

转载于:https://www.cnblogs.com/LChenglong/p/6913898.html

你可能感兴趣的:(轻量级quill富文本编辑器)

  • Flask框架入门：快速搭建轻量级Python网页应用 「已注销」 python-AIpython基础网站网络pythonflask后端
    转载：Flask框架入门：快速搭建轻量级Python网页应用1.Flask基础Flask是一个使用Python编写的轻量级Web应用框架。它的设计目标是让Web开发变得快速简单，同时保持应用的灵活性。Flask依赖于两个外部库：Werkzeug和Jinja2，Werkzeug作为WSGI工具包处理Web服务的底层细节，Jinja2作为模板引擎渲染模板。安装Flask非常简单，可以使用pip安装命令
  • 基于SSE+Worker+MarkdownIt 实现流式对话 小周同学: vue.jsnodejs
    1.SSE实现流式对话1.1什么是SSE？Server-SentEvents(SSE)是一种基于HTTP的服务器推送技术，允许服务器向客户端发送事件流。与WebSocket不同，SSE是单向的（只从服务器到客户端），专为数据流式传输设计，特别适合AI对话这类需要实时展示生成内容的场景。SSE的主要优势：基于标准HTTP，无需额外协议自动重连机制支持事件ID和自定义事件类型轻量级，实现简单1.2SS
  • 微信小程序开发：从漫画阅读到商业变现 永远的12
    本文还有配套的精品资源，点击获取简介：微信小程序作为一种轻量级应用平台，在无需下载安装的情况下提供便捷服务，尤其在漫画阅读领域得到广泛应用。本文介绍了微信小程序的基础开发框架，包括WXML、WXSS和JavaScript的使用，以及漫画小程序的核心功能设计，如漫画分类、搜索、详情展示、阅读模式等。同时，探讨了在小程序中加入广告ID以实现商业变现，包括广告组件的集成和广告政策的遵守。最后，强调了漫画
  • K3s-io/kine项目核心架构与数据流解析 富珂祯
    K3s-io/kine项目核心架构与数据流解析kineRunKubernetesonMySQL,Postgres,sqlite,dqlite,notetcd.项目地址:https://gitcode.com/gh_mirrors/ki/kine项目概述K3s-io/kine是一个创新的存储适配器，它在传统SQL数据库之上实现了轻量级的键值存储功能。该项目最显著的特点是采用单一数据表结构，通过巧妙的
  • 【鸿蒙实战开发】HarmoneyOS如何添加首选项功能 「已注销」 鸿蒙安卓前端harmonyosjava华为android鸿蒙前端
    什么是用户首选项？用户首选项为应用提供Key-Value键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。当用户希望有一个全局唯一存储的地方，可以采用用户首选项来进行存储。Preferences会将该数据缓存在内存中，当用户读取的时候，能够快速从内存中获取数据，当需要持久化时可以使用flush接口将内存中的数据写入持久化文件中。用户首选项运作机制用户首选项的使用场景Preferen
  • Spring Boot进阶(49)：实时通信不再是梦想，SpringBoot+WebSocket助你轻松实现前后端即时通讯！ bug菌¹ 滚雪球学SpringBoot#SpringBoot零基础入门springbootWebSocket前后端通信
    1.前言在上一期，我对WebSocket进行了基础及理论知识普及学习，WebSocket是一种基于TCP协议实现的全双工通信协议，使用它可以实现实时通信，不必担心HTTP协议的短连接问题。SpringBoot作为一款微服务框架，也提供了轻量级的WebSocket集成支持，本文将介绍如何在SpringBoot项目中集成WebSocket，实现前后端通信。这将又会是干货满满的一期，全程无尿点不废话只抓
  • 来聊聊一个轻量级的有限状态机Cola-StateMachine shark-chili Java核心技术精讲java
    文章目录写在文章开头状态机基本概念扫盲基于Cola-StateMachine落地下单业务业务流程说明状态机落地最终效果演示小结参考写在文章开头简单研究了一下研究了一下市面上的几个状态机框架，包括但不限制于SpringStatemachine以及Cola-StateMachine，考虑到前者上下文会记录当前状态机的相关属性(当前状态信息、上一次状态)，对此我们就必须要通过工厂模式等方式规避这些问题，
  • SpringBoot 与 HTMX：现代 Web 开发的高效组合 风象南 原创随笔后端springbootjava
    在当今的Web开发领域，前后端分离已成为主流趋势。传统的全栈框架往往需要复杂的模板引擎来处理视图逻辑，而前端框架如React、Vue等虽然强大，但也带来了学习曲线陡峭、构建复杂等问题。本文将介绍一种轻量级的解决方案——结合SpringBoot与HTMX，实现高效、简洁的前后端分离开发。为什么选择SpringBoot与HTMX？SpringBoot是Java生态中最流行的应用开发框架之一，它提供了自
  • 在Vue3中集成wangEditor富文本编辑器：完整指南 编程猪猪侠 vuevue.js前端javascript
    介绍在现代Web应用中，富文本编辑器是不可或缺的组件。本文将详细介绍如何在Vue3项目中集成wangEditor，一个轻量级、功能强大的Web富文本编辑器。安装与配置首先，我们需要安装wangEditor的相关依赖：npminstall@wangeditor/editor@^5.1.23@wangeditor/[email protected]组件实现下面是完整的富文本编辑器组件实现代码：
  • NanoDet 深度学习物料自动分类系统 YOLO实战营 深度学习分类人工智能数据挖掘NanoDet
    引言随着工业自动化和物料管理的不断发展，物料的自动分类在仓储、物流、生产线等场景中的应用越来越广泛。传统的物料分类方式往往依赖人工操作，效率低下且容易出错，而基于深度学习的自动分类系统能够大大提高工作效率、降低错误率并实现高效管理。在众多深度学习技术中，物体检测算法被广泛应用于自动分类系统。NanoDet作为一款轻量级的目标检测算法，凭借其出色的速度与准确性，成为解决物料自动分类问题的一种理想选择
  • Python协程深度解析：与生成器的差异与实战应用 清水白石008 Python题库python开发语言python服务器前端
    Python协程深度解析：与生成器的差异与实战应用一、引言在Python编程领域，协程（Coroutines）和生成器（Generators）是两个非常重要的概念。虽然它们在某些方面相似，但各自拥有独特的用途和特性。本文将深入探讨Python协程的基本概念、特性以及它们与生成器之间的区别，并通过实战案例展示协程的实用性。二、协程的概念与特性2.1协程的定义协程是一种用户态的轻量级线程，它允许程序在
  • Lua嵌入式爬虫实现步骤 q56731523 lua爬虫开发语言r语言
    在Lua中实现嵌入式爬虫，通俗点说就是指在一个宿主程序（如Nginx/OpenResty、Redis等）中使用Lua脚本来完成网络爬取任务。由于Lua本身的标准库并不包含网络请求功能，因此我们需要依赖宿主环境提供的网络库。在Lua中实现嵌入式爬虫通常指在资源受限环境（如OpenResty/Nginx、Redis、IoT设备）中运行的轻量级网络爬取工具。以下是关键实现方案和示例：核心方案：基于Ope
  • 轻松上手 C++ 的 RapidJSON 解析库：从零开始的教程
    什么是RapidJSON？RapidJSON是一个高性能、轻量级的JSON解析库，专为C++设计。它的特点包括：高性能：RapidJSON的解析速度非常快，几乎可以与strlen()函数的速度相媲美。易用性：RapidJSON提供了简洁的API，使得解析和生成JSON数据变得非常简单。灵活性：支持多种数据类型，包括对象、数组、字符串、数字、布尔值和NULL。跨平台：支持Windows、Linux、
  • Go语言Gin框架实战：开发技巧
    Gin框架概述Gin是一个用Go语言编写的轻量级Web框架，以其高性能和简洁的API设计著称。它基于httprouter实现路由，支持中间件机制，适合构建高效的RESTfulAPI和微服务。核心特性高性能：利用httprouter的基数树路由算法，路由匹配速度快。中间件支持：允许通过中间件处理请求日志、认证、异常捕获等逻辑。JSON支持：内置JSON绑定与渲染，简化API开发。错误管理：提供统一的
  • 【GitHub开源项目实战】Ladybird 浏览器引擎项目深度解析：构建自主浏览器内核的系统工程与性能优化路径 观熵 GitHub开源项目实战性能优化github开源人工智能
    GitHub开源实战|Ladybird浏览器引擎项目深度解析：构建自主浏览器内核的系统工程与性能优化路径关键词Ladybird，浏览器引擎，Web渲染，开源操作系统，图形系统，HTML解析，CSS布局，自主可控内核，系统架构设计，性能调优摘要Ladybird是一个由SerenityOS项目孵化的轻量级浏览器引擎，致力于从零构建一个独立、自主实现的网页渲染与浏览器平台。该项目不依赖现有主流内核（如W
  • 大小不足5M，轻量级PDF阅读工具
    “你是否也遇见过这样的窘境：明明只需要打开查看几页内容，却要安装一个几十兆甚至上百兆的软件，等待半天才能加载完成，老旧电脑更是卡顿得让人失去耐心。直到我发现了SmartPDF，才明白原来一款纯粹的PDF阅读器可以如此轻巧高效。它像一把精准的手术刀，剔除了所有冗余功能，只留下最核心的阅读体验，却解决了日常使用中的诸多痛点。4.7M的体积，装得下所有阅读需求第一次看到SmartPDF的安装包时，我简直
  • Excalidraw：开源手绘风格白板工具的技术与生态解析 wylee 开源
    一、项目定位与核心价值Excalidraw是一款基于浏览器的开源虚拟手绘风格白板工具，由Excalidraw团队开发并维护。项目以MIT协议开源，旨在提供轻量级、高定制性的在线绘图解决方案，适用于流程图设计、原型绘制、教学演示等场景。截至2025年3月，项目已发布v0.18.0版本，月下载量超24.5万次，被GoogleCloud、Meta等企业集成，成为开源协作工具领域的标杆项目。二、核心功能与
  • 稀缺工具，效率拉满！
    在办公场景中，图像和文档是最常接触的两类文件类型。日常工作中经常需要对多个文件进行批量处理，如图片转文档、PDF文件空白页删除、PDF转双层、图片校正等操作。这些重复性操作如果逐个处理不但效率极低下，还可能出现错误，而利用批量操作工具。可以快速完成大量文件的批量操作；分享一款高效的文档、图片批量操作工具：图档批处理助手v1.2.1；图档批处理助手是一款专注于高效处理文档与图像批任务的轻量级工具，软
  • Flutter SnackBar 控件详细介绍 江上清风山间明月 FlutterflutterSnackBardart
    文章目录FlutterSnackBar控件详细介绍基本特性基本用法1.显示简单SnackBar2.自定义持续时间主要属性高级用法1.带操作的SnackBar2.自定义样式3.浮动式SnackBarSnackBarAction属性实际应用场景注意事项完整示例建议FlutterSnackBar控件详细介绍SnackBar是FlutterMaterialDesign中的一个轻量级消息提示控件，用于向用户
  • Django核心知识点详解：JSON、AJAX、Cookie、Session与用户认证 PythonicCC djangojsonajax
    1.JSON数据格式详解1.1什么是JSON？JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，具有以下特点：独立于语言，几乎所有编程语言都支持易于人阅读和编写易于机器解析和生成基于文本，比XML更简洁1.2JSON基本格式对象格式{"name":"rose","age":20}使用大括号{}包裹键值对形式，键必须用双引号包裹多个键值对用逗号分隔数组格式["j
  • Selenium使用指南
    点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快Selenium是网页应用中最流行的自动化测试工具，可以用来做自动化测试或者浏览器爬虫等。官网地址为：相对于另外一款web自动化测试工具QTP来说有如下优点：免费开源轻量级，不同语言只需要一个体积很小的依赖包支持多种系统，包括Windows，Mac，Linux支持多种浏览器，包括Chrome，FireFox，IE，safari，opera
  • 【AI大模型】PyTorch Lightning 简化工具 我爱一条柴ya 学习AI记录人工智能pytorchpythonaiAI编程
    PyTorchLightning是一个轻量级的PyTorch封装库，它通过抽象训练循环的工程细节，让研究人员可以专注于模型设计和实验。以下是PyTorchLightning的核心概念和实战指南。核心优势基础使用：三步搭建训练流程1.定义LightningModuleimporttorchimporttorch.nnasnnimportpytorch_lightningasplfromtorchme
  • Python协程从入门到精通：9个案例解析yield、gevent与asyncio实战 python_chai Pythonpython开发语言协程并发yield生成器gerrnletgevent
    引言痛点分析：传统多线程在高并发场景下的性能瓶颈。协程优势：轻量级、高并发、低资源消耗。本文目标：通过9个代码案例，系统讲解协程的核心技术和应用场景。目录引言1.协程基础：理解yield生成器1.1yield的暂停与恢复机制1.2生产者-消费者模型实战1.3双向通信：send()方法详解2.手动协程控制：greenlet进阶2.1greenlet的显式切换原理2.2多任务协作案例3.自动化协程：g
  • Vue3 进阶-Mitt 库实现全局事件总线 风清扬雨 前端Vue3vue.jsjavascriptecmascript
    大家好呀～今天给大家带来一个超级实用的Vue3技巧：如何用mitt库实现全局事件总线！如果你在项目中需要跨组件通信，但又不想用Vuex或Pinia这种重量级的状态管理工具，那么mitt绝对是你的最佳选择！话不多说，直接开整～什么是mitt？mitt是一个极简的事件总线库，只有20行代码，体积非常小（1kb左右），非常适合用于轻量级的事件监听和分发场景。它的核心功能就是通过订阅-发布模式来实现组件间
  • Golang基础笔记十之goroutine和channel
    本文首发于公众号：Hunter后端原文链接：Golang基础笔记十之goroutine和channel这一篇介绍Golang里的goroutine和channel通道。以下是本篇笔记目录：goroutinechannelgoroutine与channel的使用1、goroutinegoroutine是一种轻量级线程（用户态线程），由Go运行时管理而非操作系统，它是Go并发模型的核心，能高效处理大量
  • 【亲测免费】 探索AudioSlicer：智能音频分割工具 秦贝仁Lincoln
    探索AudioSlicer：智能音频分割工具去发现同类优质开源项目:https://gitcode.com/项目介绍AudioSlicer是一个基于Python的轻量级工具，专门用于切割.wav音频文件。它通过检测静音段将音频拆分成多个独立样本，并生成一个.json文件，详细记录了每个切片的时间范围。该项目灵感源自AndrewPhillipDoss的工作，现在正向着人工智能适应的方向发展，有望实现
  • 打造完美网页富文本编辑器：FCKeditor实战指南 方祯
    本文还有配套的精品资源，点击获取简介：FCKeditor是一款功能丰富、跨平台的开源富文本编辑器，支持各种常见编辑功能，并且与多种后端技术兼容。它易于集成和定制，特别适合在内容管理系统和论坛等环境中提供用户友好的文本编辑体验。开发者可以根据项目需求定制编辑器界面和功能，提升内容创作效率和用户体验。1.FCKeditor开源富文本编辑器介绍在现代Web应用开发中，富文本编辑器是不可或缺的组件，它允许
  • 使用Svelte开发小程序：tarojs-plugin-svelte指南 花谦战
    使用Svelte开发小程序：tarojs-plugin-svelte指南项目地址:https://gitcode.com/gh_mirrors/ta/tarojs-plugin-svelte欢迎来到tarojs-plugin-svelte的快速入门指南！这个开源项目让你能够利用高效轻量级的Svelte框架来构建微信小程序等应用。以下是关于项目核心结构、启动和配置文件的详细介绍。1.项目的目录结构及
  • debian11 安装 docker Kaede6 技术文章-Linux服务部署docker容器运维服务器
    Docker是一个开源的应用程序容器引擎，允许开发者将应用程序及其所有依赖项打包到一个标准化的单位中，称为容器。容器是轻量级的、可移植的，并且能够在任何受支持的操作系统上运行。Debian11是最近发布的Debian版本，因此在Debian11上安装Docker会是许多开发者的需求。本文将详细介绍如何在Debian11上安装Docker，包括安装步骤、配置和基础使用示例。1.更新系统在安装任何新软
  • Drizzle ORM：轻量级数据库工具 编辑器前端
    DrizzleORM：轻量级数据库工具在上一章中，我们探讨了CloudflareD1如何作为一款高性能、低成本的边缘数据库解决方案，彻底改变了我们对数据库架构的认知.但一般来说，我们很少在项目里裸写sql，所以我们需要一个能简化操作和开发的ORM工具，但市面上绝大多数的ORM对于这种ServerLess数据库的适配很差，需要解决各种依赖问题。那么在尝试了一圈后，发现Drizzle是最好的搭配方案，
  • 强大的销售团队背后 竟然是大数据分析的身影 蓝儿唯美 数据分析
    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其他