我有一个包含文本和图像的div。
<div>
Some text
<img src="image.jpg">
More text
</div>
我需要用span标签包围选定的文本,我知道如何使用简单的文本,但当div中有图像时,我不知道该如何做。有办法做到这一点吗?
我需要更改源代码,而不仅仅是文本,这样我就可以向所选文本添加一些css样式。
场景是这样的:用户选择一些文本。我想修改选择内容,使其在边界AnchorNode和FocusNode中包含完整的文本,而不管用户从何处开始和停止选择。 <script>
document.onselectionchange =(e)=>{
let sel=document.getSelection();
// Here I want to expand the selection to include all the text in the selection. For example
// if "AA CC
我有一段代码,它将文档设置为designMode,然后使用document.execCommand()函数对选定的文本进行操作。
它提供了各种功能--例如,它允许用户将选定的文本行转换为粗体或斜体(本质上是像我现在输入的文本编辑器那样的功能)。
下面是代码的一个简化示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div>
This is some text -
在我的web应用程序中,我试图为文本元素实现不同的点击和鼠标事件行为。在mouseup事件上,我检查是否有选定的文本并对其进行处理。在单击事件中,我会执行其他操作,比如导航某个有关单击文本的位置。但是,如果有选定的文本,我将不会在click事件上执行代码,这是我被卡住的部分。下面是我现在正在做的事情的一种模式:
//the function that returns selected text as string
function getSelectionText() {
var text = "";
if (window.getSelection) {
t
我正在尝试设置我的tinymce编辑器,以便自动将某些字符串转换为格式化文本。对于我的第一次尝试,我是自动创建子弹,当我键入'*‘(也许有一个插件可以做到这一点?)
下面是我开始的代码:
editor.on('KeyUp', function(e){
var sel = editor.selection.getSel();
var caretPos = sel.anchorOffset;
var txtData = sel.anchorNode.textContent;
if(caretPos === 2 &&
我正在尝试得到选定的节点。假设我都被选中了“点击编辑”。
<span style="text-transform: lowercase">CLICK TO EDIT</span>
尝试通过以下方式获取当前选择:
var select = window.getSelection();
var range = select.getRangeAt(0).cloneRange();
var selectedNode = range.cloneContents().childNodes[0];
在某些情况下,selectedNode是包含“单击编辑”的#text节
我有一个Html编辑器,我想知道选定的文本是否填充了父元素,或者父元素是否包含其他内容。假设这个HTML是用编辑器工具创建的:
<div>Hi this is <span>balh balh</span></div>
当用户选择blah blah或Hi this is balh balh短语时,check必须为true;当用户选择is blah blah短语时,check必须为false。我写了下面的代码,它是有效的。
$('#getSelection').click(function(){
var father = $(
我有以下函数来添加带有选定文本的span标记。
function Add() {
var selObj = window.getSelection();
var selRange = selObj.getRangeAt(0);
var newElement = document.createElement("span");
newElement.setAttribute("class", "cls1");
var documentFragment = selRange.extractContents();
我有以下代码,它将选定的文本包装在span中:
if (window.getSelection) {
text = window.getSelection();
if (text.rangeCount) {
if(text==""||text.toString().trim() == ""||text.anchorNode.parentNode.nodeName=="SPAN"){return false;}
这个链接中的信息准确吗?
根据这份文件:
anchorOffset:返回选择锚在anchorNode中偏移的字符数。
在FireFox的实验中,定义似乎并不总是正确的。有时,偏移量属性似乎代表了一定数量的childNodes。根据初步测试,以下代码工作
var sel = window.getSelection() ;
var points = new Array( 0, 0 ) ;
var offset = new Array( sel.anchorOffset, sel.focusOffset ) ;
var nodes = new Array( sel.anchorNode,
您好,是否可以在选定文本后添加div?使用jQuery或java脚本和远程js
我正在尝试使用下面的代码,但不起作用。
function pin_surroundRange() {
var range = getFirstRange(); //get selected text via rangy js
if(range != null) {
$( '#content_area ('+range+')' ).replaceWith( ''+range+'<div><input type=
它使整个文本变得粗犷。我只希望选定的文本粗体(严格不执行命令)
let boldBtn = document.getElementById('Bold-Btn');
let boldClickListener = (event) =>
{
event.preventDefault();
let selection = window.getSelection();
let final = `<span class="text-bold">${selection.focusNode.textContent}</span
我希望创建一个bookmarklet,它将选定的单词和相同段落元素中的其他单词进行编码,然后将它们发送到我的服务器。
例如,考虑以下内容:
<p>The quick brown fox jumped over the fence.</p>
如果用户选择了“跳过”(通过突出显示它)并单击书签小程序,我会希望将“跳过”作为一个编码字符串发送,并将“敏捷的棕色狐狸跳过栅栏”作为额外的编码字符串发送。
这是我到目前为止所得到的。getSelection函数向我的服务发送"jumped“:
javascript:location.href='http://www.
我使用的是库,可以选择可编辑内容中的文本,如下所示:
var sel = rangy.getSelection();
alert(sel);
我不知道如何获取选定的文本父节点/元素。例如,如果我选择的文本是
<strong>My Text</strong>
or
<h1>My Title</h1>
如何才能同时包含强节点或H1元素?