开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在Summernote JQuery中的光标位置追加文本

，可以通过以下步骤实现：

首先，确保你已经引入了Summernote JQuery插件，并在页面中创建了一个Summernote编辑器实例。
获取当前光标位置：使用Summernote提供的API方法getRange()来获取当前光标的位置。

var range = $('#summernote').summernote('getRange');

在光标位置追加文本：使用Summernote提供的API方法insertText()来在光标位置追加文本。

$('#summernote').summernote('insertText', range.index, '要追加的文本');

完整的代码示例：

<!DOCTYPE html>
<html>
<head>
  <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.js"></script>
</head>
<body>
  <div id="summernote"></div>

  <script>
    $(document).ready(function() {
      $('#summernote').summernote();

      // 获取当前光标位置
      var range = $('#summernote').summernote('getRange');

      // 在光标位置追加文本
      $('#summernote').summernote('insertText', range.index, '要追加的文本');
    });
  </script>
</body>
</html>

这样，你就可以在Summernote JQuery编辑器中的光标位置追加文本了。

Summernote是一款基于jQuery的富文本编辑器插件，它具有轻量、易用、功能丰富的特点。它可以用于各种Web应用程序中，包括博客、论坛、电子商务等。Summernote提供了丰富的API方法和事件，可以方便地进行定制和扩展。

腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储、人工智能等。你可以根据具体需求选择适合的产品。更多关于腾讯云的产品信息和介绍，可以访问腾讯云官方网站：https://cloud.tencent.com/

相关搜索:jQuery在文本区域中设置光标位置在React中的光标位置插入文本在文本中的确切位置追加文本从summernote中的光标位置获取上一个单词在"文本"小部件中设置光标位置在光标位置插入预定义文本在文本光标位置打印终端输出清除文本后在SWT中设置光标位置在文本字段中输出光标的位置更改光标位置上的文本光标在<textarea>中的位置 JQuery在追加时忽略样式/位置如何根据TinyMCE 5中的光标位置在CodeMirror中设置光标位置？在更改事件时向Summernote元素追加文本时出现问题鼠标光标在Javascript中的位置？在文本区域中的光标位置之后插入文本在Katalon中单击文本框后获取光标位置如何在光标所在的位置插入文本？文本字段上的颤动光标位置在Textarea中的光标位置显示DIV

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

最好用的 6 款 Vue 3 富文本编辑器

富文本编辑器作为直接与用户交互的内容输入生产工具，对大家的项目来说非常重要。选不好，配置不好，直接影响产品质感和用户体验，所以说在选择编辑器方面花点时间是值得的。

01

summernote富文本编辑器基本使用

Summernote 是一个简单灵活的所见即所得的 HTML 在线编辑器,基于 jQuery 和 Bootstrap 构建,支持快捷键操作,提供大量可定制的选项。

04

14款web前端常用的富文本编辑器插件

作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。

04

Python开发物联网数据分析平台---web框架

前端使用Bootstrap主题框架AdminLTE，后台使用python语言的tornado作为web框架。利用tornado的模板作为主要的动态页面生成方式，以及巧妙使用模板将json数据渲染到页面hidden元素的值，然后在js中直接用eval函数计算隐藏域的值来生成图表JavaScript插件所需的json数据来生成页面中相应的可视化图表。

03

常用的前端JQ插件

富文本编辑器 wangEditor http://www.wangeditor.com/ 百度UEditor https://ueditor.baidu.com/website/ KindEditor http://kindeditor.net/demo.php MediumEditor http://yabwe.github.io/medium-editor/ Simditor https://simditor.tower.im/ Summernote https://summernote.org/ Q

03

oeasy教您玩转vim - 8 - # 追加文本

追加文本回忆上节课内容🤔 我们这次深入了 i 命令 i 在当前的光标之前插入 I 在本行文本的最前面插入还有一些常用的编辑命令 . 重做 u 撤销 ctrl+r 还原关于插入，还有什么讲究吗？🤔 类似的命令还有没有和插入相关的的命令呢？？🤔 相类似的命令一定在手册的同一个地方！🤨 我们得还在插入命令的附近找找插入命令首先我们找到插入命令的帮助📕 :help insert 简写为 :h i 我们向上翻可以找到 a 命令。追加文本 i 和 a 都是 Insert mode com

00

linux常用命令vi 退出_vi怎么退出编辑模式

新建 test2.txt 文件，使用 vi 或 vim 命令 (当test2.txt 文件没有，使用vi 、vim 会新建一个文件)

04

[jQuery学习系列四 ]4-Jquery学习四-事件操作

前言: 今天看知乎偶然看到中国有哪些类似于TED的节目, 回答中的一些推荐我给记录下来了, 顺便也在这里贴一下: 一席云集听道推酷青年中国说 SELF格致论道参考：http://www.365mini.com/page/tag/jquery-event-methods 1,ready ready()函数用于在当前文档结构载入完毕后立即执行指定的函数。该函数的作用相当于window.onload事件。 2,blind bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数。举例：

09

基于SSM框架的迷你天猫商城

需求设计主要参考天猫商城的购物流程：用户从注册开始，到完成登录，浏览商品，加入购物车，进行下单，确认收货，评价等一系列操作。作为模拟天猫商城系统的核心组成部分之一，采用SSM框架的天猫数据管理后台包含商品管理，订单管理，类别管理，用户管理和交易额统计等模块，实现了对整个商城的一站式管理和维护。后端页面兼容IE10及以上现代浏览器，Chrome,Edge,Firebox等浏览器表现效果最佳。

05

Django后台和前台使用summernote富文本编辑器

简单介绍一下怎么在django的管理后台和用户使用网页中使用django-summernote富文本编辑器，其他富文本编辑器类似。

04

面向学习型的SpringBoot开源框架

BootDo是在SpringBoot基础上搭建的一个Java基础开发平台，MyBatis为数据访问层，ApacheShiro为权限授权层，Ehcahe对常用数据进行缓存。

02

与Ajax同样重要的jQuery（2）

练习9： ² 点击button 打印radio checkbox select 中选中项的值 <script type="text/javascript" src="../jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ // 点击button 打印radio checkbox select 中选中项的值 $("#mybutton").click(function(){ // 打印选中性别的值 $("in

05

editplus快捷键大全之editplus编辑快捷键

前面我们说了editplus快捷键大全之editplus文件快捷键和editplus快捷键大全之editplus光标快捷键，这里我们讲一下editplus快捷键大全之editplus编辑快捷键

03

【领会要领】web前端-轻量级框架应用（jQuery基础）

jquery的安装和语法，jquery的多种选择器，dom操作和jquery事件。

02

50个Linux常用命令行快捷键（大部分适配Mac OS）

03

Linux笔记：使用Vim编辑器

目录[-] Vi编辑器是Unix系统上早先的编辑器，在GNU项目将Vi编辑器移植到开源世界时，他们决定对其作一些改进。于它不再是以前Unix中的那个原始的Vi编辑器了，开发人员也就将它重命名为Vi improved，或Vim。为了方便使用，几乎所有Linux发行版都创建了一个名为vi的别名，指向vim程序。 Vim基础 Vim编辑器在内存缓冲区处理数据。只要键入vim命令和你要编辑的文件的名字，即可启动Vim编辑器。如在启动Vim时未指定文件名，或者这个文件不存在，Vim会新开一段

04

常用的六个富文本编辑器

1：:功能齐全 tinymce|TinyMCE | The Most Advanced WYSIWYG HTML Editor 官方网址：https://www.tinymce.com/ TinyMC

03

summernote toolbar 跟随页面自动滚动

summernote 是一个功能非常强大的 web 编辑器，可以应用到各种场景下。最近在 Meteor 中做了一个小功能，就是实现 summernote 的 toolbar 跟随页面滚动的效果。这样即使文章内容很长，要插入一个图片或者使用其他特殊标签的时候，不必滚动页面到最上方去找 toolbar 了。

01

VIM文本编辑器常用技巧

VIM编辑器是一个功能强大的、高度可定制化的文本编辑器，其在VI编辑器的基础上拥有了代码高亮在内的多项功能的增加和改进，深受用户的喜爱。

01

HTML DOM(二)：节点的增删改查

上一篇：HTML DOM(一) 上一篇讲述了DOM的基本知识，从其得知，在DOM眼中，HTML的每个成分都可以看作是节点(文档节点、元素节点、文本节点、属性节点、注释节点，

00

IDEA Intellij小技巧和插件

使用IDEA Intellij已有两年，在此罗列一下在实践中觉得能有效提升开发效率的一些小技巧和插件。 1. 重设移动键方向键和Home/End键离基键太远，经常把手移过去其实很费时。所以建议重设到主键盘上。考虑到后面会提到的IdeaVim插件，所以最好使用类似Vim的方案。我个人的设定是： Ctrl+H ← Ctrl+J ↓ Ctrl+K ↑ Ctrl+L → Ctrl+A End （Vim中Shift+A是在行尾插入） Ctrl+I Home （Vim中Shift+I是在行首插入）被冲掉的原本的快捷键可以设到Alt上（最常用的Ctrl+A全选和Ctrl+J Live Template）。当然你也可以把移动键设在Alt上，不过使用标准键盘时，左Ctrl可以用手掌来按（使用emacs的必备技能），非常方便。所以我个人喜欢把常用操作设到Ctrl上。 2. 好用的Select Word at Caret快捷键在IDEA的Keymap中有Select Word at Caret这个动作，字面意思是“选中光标所在的单词”，默认快捷键是Ctrl+W。但事实上，这个动作的实际操作是选中更上一层的语法结构。例如，如果你在一个字符串的一个单词中，按一下Ctrl+W，会选中光标所在单词。再按一下，会选中整个字符串的内容，不包括引号。再按一下，会选中包括引号的字符串。再按一下，会选中整个表达式（如果表达式含有括号，会逐层选中）。再按一下，会选中整个语句块。再按一下，会选中整个方法。再按一下，会选中整个类。 3. Ace Jump插件可以说Ace Jump和IdeaVim这两个插件是我使用了Intellij后再也不想用eclipse的最主要原因。Ace Jump是一种从emacs上借鉴过来的快速光标跳转方式，操作方式是：你用某个快捷键进入Ace Jump模式后，再按任一个键，当前屏幕中所有该字符都被打上一个字母标记，你只要按这个字母，光标就会跳转到这个字符上。这种跳转方式非常实用，你根本不用管当前光标在什么位置，眼睛只需要盯着需要跳转到的位置，最多三四下按键就能准确把光标定位，开始编辑。按道理这种功能非常容易实现，但偏偏到目前为止我没有在eclipse上找到类似插件。安装与使用：在Intellij的Setting -> Plugins -> Browse repositories中查找acejump，可以找到两个插件，AceJump和emacsIDEAs。AceJump是最纯正的Ace Jump插件，功能单一，也比较稳定，但我个人感觉没有emacsIDEAs好用。两者最大的差异是，Ace Jump是先按键调出跳转标记，再通过不同功能键（Ctrl，Shift，Alt等）配合书签按键追加额外功能（例如从当前位置选中文本至书签位置）。而emacsIDEAs是使用不同的快捷键进入不同的功能模式（例如跳转到字符，跳转到单词，选中到标签等）同时调出书签标记，然后再按书签按钮实现跳转。感觉emacsIDEAs的方式比较符合我的思维习惯。如果选择了AceJump插件，重启Intellij后即可使用，默认快捷键是Ctrl+；（分号）。但我习惯将它重设到Alt+K。下面是使用AceJump的效果

01

Python中文件处理

在文件处理当中,只有read默认是以字符为单位,其他方法均已字节为单位. def open(file, mode='r', buffering=None, encoding=None, errors=None, newline=None, closefd=True)： file表示文件的名称，可以是绝对路径，也可以是相对路径. mode表示打开文件的方式，r表示读，w表示写，a表示追加. encoding表示已哪种编码格式读取文件中的内容,如果不指定,默认使用当前平台的编码,对于

01

VIM编辑器基操

VIM是一个强大的编辑器，上古程序开发工具神器无须过多解释，linux必备！具体详情可以参考官方网站[1]或者推荐文章[2]，掌握VIM就是多练多用，一张图涵盖大部分快捷键。

02

vim入门

VIM虽说不长用，然是还是很需要掌握的，VIM功能强大的没话说，就是命令太多不好记！

03

JavaWeb04-jQuery(Java真正的全栈开发)

jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。核心理念是w

09

webStorm 3.0配置使用主题背景色等

http://www.cnblogs.com/jikey/archive/2012/01/16/2323590.html

01

python文件处理

python中的都是用 open() 函数，调用 open() 函数，应用程序会发起系统调用 open(...) ，进而对文件完成操作~。以下示例均在 python3 环境中完成~

02

sublime Text3使用笔记

转载：http://blog.csdn.net/u012771929/article/details/30030249 目录： 1.setting 　　安装插件，package control ，Emmet使用 2.快捷操作选择，编辑，搜索，显示 ---- 1.settings preferences>>settings default存储的默认格式信息； preferences>>settings user可以自己配置信息，格式为json 1.1安装插件从官网下的版本是没有插件的，需要自己

vim编辑器安装全记录

安装了C语言编译器后，虽然可以用记事本等文本软件编写程序，但略显不足，于是便想到了经典的vim编辑器。

01

sublime text3优秀插件汇总（含安装教程）

1. 自主安装sublime text3 2. ubuntu下使用下面命令安装

01

VIM编辑器-常见命令

image.png vi编辑器操作模式模式名含义命令模式等待输入命令输入命令编辑模式，用于输入文本底行(尾行，末行)模式可以输入指令，搜索，保存命令模式命令含义 a 表示光标后append尾部追加模式 i 光标当前位置插入模式 o 光标换行插入 s 表示删掉光标当前当前的进行插入末行模式输入:命令进行保存(w)/搜索/[搜索内容]/。底行模式命令含义 :w 把写入保存到硬盘中 :q 退出当前VI编辑器打开的文件 :wq! 强制保存命令模式命令含义 h 光标左

03

【总结】vim命令使用总结，该来的还是躲不掉啊晕

曾经我也天真的觉得如今很多软件都可以充当文本编辑器，像vim上手这么麻烦的可以替代

02

Minima黑色响应式后台管理模板

Minima黑色响应式后台管理模板基于Bootstrap3.3.4制作，黑色风格，兼容PC端和手机移动端，全套模板，包括登录、仪表盘、按钮、窗口部件、网格布局、图表等后台模板页面。模板截图代码截图主要HTML index.html <!DOCTYPE html> <html> <head> <title>Minimal 1.0 - Dashboard</title> <meta name="viewport" content="width=device-width,

01

抛弃百度UMEditor，拥抱summernote

由于一些项目上的原因以及相关因素，我们使用其他富文本编辑器替代了UMEditor 本来用CKEditor，但是团队觉得使用起来很不顺手，尤其图片上传十分不爽，功能复杂但是使用起来比较麻烦后来我们又替

05

从零开始，开发一个 Web Office 套件（12）：删除文字 & 回车换行

03

Python的文件操作

读操作 file = open('测试文件',mode='r',encoding='utf-8') print(file.read()) 写操作 file = open('测试文件',mode='w',encoding='utf-8') file.write('\t测试内容') # 这里的写入操作都会先将内容清空，再重新进行写入;并且支持转义字符的使用 file.close() 追加操作 file = open('测试文件',mode='a',encoding='utf

02

vue2.0 实现富文本编辑器功能【前端】

UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲

03

3 Python文件操作

Python文件操作 open 以什么编码方式存储文件，就以什么编码方式打开 f = open('d:\模特主妇护士班主任.txt',encoding='utf-8') # 绝对路径打开 f.close() f = open('模特主妇护士班主任',encoding='utf-8') # 相对路径打开 f.close() with open('log',encoding='utf-8') as f: # 此方法常用不用进行close 读 read # r 以str的方式读出 f = open('

03

论vim使用之瞎扯淡

最优秀的自由软件，，高度可定制的文本编辑器之一，俗话说：上到用vim改sh、python脚本，下到用vim改txt文本。只要会玩，定位关键词、跳行、搜大小.....【简单理解类似于Windows上的文本和notec++软件】

03

【Java 进阶篇】JQuery 案例：qq表情选择，表达情感的小黄脸

在我们的数字交流时代，表情符号已成为表达情感的重要方式之一。为了丰富用户的输入体验，qq表情选择功能应运而生。通过巧妙运用 JQuery，我们可以在页面中实现一个生动活泼的表情选择框，让用户轻松表达各种情感。本篇博客将深入探讨 JQuery 中实现qq表情选择的方法和实际应用，为你揭开这个小黄脸的神秘面纱。

04

jQuery知识总结(最全最精美)

使用: <script src="jquery-3.5.1/jquery-3.3.1.min.js"></script> 注意: 如果<script> 在body前面,应该使用 jQuery独有的预加载 $(function(){ 这里写代码 }) jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。选择器: 所有选择器 * 标签选择器标签名 ID选择器 #id 类选择器 .

02

Mac之vim普通命令使用

稍微解释一下，当在normal模式下输入:qx后，你对文本的所有编辑动作将会被记录下来，再次输入q即退出了记录模

03

linux下vim命令详解

高级一些的编辑器，都会包含宏功能，vim当然不能缺少了，在vim中使用宏是非常方便的：

03

04-老马jQuery教程-DOM节点操作及位置和大小

根据给定的文章内容，撰写摘要总结。

00

项目之创建静态资源和设置子模块项目、开发简易上传功能(11)

在一个项目中，如果某些依赖只是部分子模块项目需要使用的，应该将这些依赖配置在<dependencyManagement>节点中，凡配置在这个节点中的依赖，任何子模块项目中都不会直接拥有，如果某个子模块项目需要使用这些依赖，依然需要使用<dependency>节点来添加！与在子模块项目中直接添加<denpendency>（父级的<dependencyManagement>没有配置某个依赖而子模块项目中直接添加）的区别在于：如果事先使用父级项目的<dependencyManagement>进行了配置，则子模块项目在添加时，不需要指定版本号，直接使用父级项目配置的版号，以便于在父级项目中统一管理依赖的版本！

03

python3-文件的修改——实现类似s

# Auther: Aaron Fan ''' 打开文件的模式有三种： r，只读模式（默认）。 w，只写模式。【不可读；不存在则创建；存在则删除内容；因为会清空原有文件的内容，一定要慎用】 a，追加模式。【可读；不存在则创建；存在则只追加内容；】注意最后要记得关闭文件：f.close() python只能将字符串写入到文本文件。要将数值数据存储到文本本件中，必须先试用函数str()将其转换为字符串格式。 #r模式(只读模式) f = open('yesterday',encoding='utf-8

02

python3-文件的操作

# Auther: Aaron Fan ''' 打开文件的模式有三种： r，只读模式（默认）。 w，只写模式。【不可读；不存在则创建；存在则删除内容；因为会清空原有文件的内容，一定要慎用】 a，追加模式。【可读；不存在则创建；存在则只追加内容；】注意最后要记得关闭文件：f.close() python只能将字符串写入到文本文件。要将数值数据存储到文本本件中，必须先试用函数str()将其转换为字符串格式。 #r模式(只读模式) f = open('yesterday',encoding='utf-8

01

Mac之vim普通命令使用「建议收藏」

高级一些的编辑器，都会包括宏功能，vim当然不能缺少了，在vim中使用宏是很方便的： :qx 開始记录宏。并将结果存入寄存器x q 退出记录模式 @x 播放记录在x寄存器中的宏命令略微解释一下。当在normal模式下输入:qx后，你对文本的全部编辑动作将会被记录下来。再次输入q即退出了记录模式，然后输入@x对刚才记录下来的命令进行反复。此命令后可跟数字。表示要反复多少次。比方@x20，能够反复20次。这个在文本的批处理中是很实用的。

03

JavaScript 学习-37.jQuery 添加/删除/替换元素

前言通过 jQuery，可以很容易地添加和删除元素。添加元素添加元素主要用到四个方法 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 append() 方法在被选元素的结尾插入内容（作为该元素子元素插入）

hello world

<input type="text"

03

python_day3_编码及文件操作

sname = name.decode("utf-8")# 必须先声明解码的格式是啥，比如utf-8

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭