javascript - Selection range to HTML element -

-

How can I convert a selected element to an HTML element?

For example, the string quick brown fox jumps over the lazy dog ​​, I have received the part brown which indicates the selection number Start = 10 and end = 14 (selection is not created by user input).

Now, I get this part of the string & lt; Span & gt; Brown & lt; / Span & gt; ?

PS I have seen the answer provided uses execCommand, but it does not satisfy me, because I need it to be as transparent as possible.

I am using the range API for selection, but in this case - "Selection" is only stored in the start / end location pointers Does not really have any selection.

I had an idea that I can use the indicators to make a selection in the background, and it will be invisible to the user, but then ... I do not know how to execute it.

Thanks in advance!

In this case you can do this by using the range . I'm assuming that your text is contained in the same text node, for example: 

  & lt; Div id = "test" & gt; Quick brown fox jumps on lazy dogs & lt; / Div & gt;   
 First, create a range:  
  var range = document.createRange (); Var textNode = document.getElementById ("test"). FirstChild; Range.setStart (text node, 10); Range .setEnd (text node, 15);            Var span = document.createElement ("Span"); Range.surroundContents (period);   
 However, it will not work in some more complex cases where the selection node crosses the boundaries. In addition, IE & lt; 9 does not support the  range , so you will need a completely different solution for those browsers.  
 Live demo:  
  Self-promotion section   
 For more complex cases, you can use my library and , Which means that any arbitrary selection or range is  and lt; Span & gt;

Comments

Post a Comment

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

-
I have developed an extension which works up to 1.6 on Magren (I'm trying Enterprise Edition, And I think the community is the same problem, because it is the same code). In my install script, I see the $ installer-> gt; CreateEntityTables ($ this- & gt; getTable ('alphanum / info')); The installation is done until it is not in the _text unit table. It crashed there! It turns out that when I log in to SQL and run it via PHPmyadmin, then this error is: Blob / Text column 'value' is used without the key 'key' . I saw the code there, and this is what is trying to create an index on the value column: -> addIndex ($ this- & gt; getIdxName ($ eavTableName, array ( 'attribute_id array (' attribute_id ',' value ')) - & gt; addIndex ($ this- & gt; getIdxName ($ eavTableName, array (' entity_type_id ' , 'Value')), array ('entity_type_id', 'value')) If there is no if statement is n...
Read more

c# - Using Vici cool Storage with monodroid -

-
Oh, for the moment I am not sure how it is officially supported, but for the success of the people Using Monodroid Vic Cool Storage I am able to leave and compile assemblies in my project, but while trying to use some classes, the errors of time have to be gathered. Especially when trying to connect like the example for Mono Touch string dbName = path. Cobain (environment. Gatefolder path (environment specialfolder personal), "mydb.db3"); // The following line will be called coolestation, where is the database, // to make it if it does not exist, and call a delegate that creates the necessary tables (only when the database file was newly created //) CSConfig.SetDB (DbName, true, () => {CSDatabase.ExecuteNonQuery ("Subscriber Integer Primary Key Attribute, Name Text (50) No, Number, Date First Text (30)");); There is no difference when I try to use the methods of CSConfig and when I cscfif If I try to pass 3 aggregates to STDB (3) then I get the invalid ...
Read more

python - referencing a variable in another function? -

-
I am an experienced TCL developer and write my own processes to help myself. I call it a proc i callVar, print out the value of the variable in a certain format, so I know that it is variable and what is the value "set foo 1; putVar foo" result 'foo = "1" I want to do the same thing in Python, but I can not find the answer :( In TCL I use the up command because when I pass the name of the variable, then I can see the value at the top. . I understand that an advanced light in the dragon There is no mechanism of r, but with its introspection capability, I would think that this is something trivial, but I am not getting the answer anywhere. It seems that this should work: and expanded: def foo (): y = "Hello World" printwor ("y") foo () y = "Hello World " You can, but you should not do so if your code is correct If is needed , then there is something wrong with your design, and you should probably use the dictionar...
Read more