5

I am trying to build a specialized WYSIWYG text editor in the browser, and have a very limited set of functionality, but the biggest part of that is wrapping certain text in span tags.

I can find many resources explaining standard stuff (execCommand and whatnot), but have looked and looked and can't find anything to do what I need.

Basically, it's as simple as it sounds: user selects some text, clicks a button or whatever, and the text gets replaced with some other text (the initial case is that same text wrapped in some HTML tags).

I can find ways to do this in a textarea, but I'm just in regular HTML land, with the content in question inside a div with contentEditable marked as true.

I have also found ways to replace all occurences of text, or the first occurence, but not a specific one. Most solutions I find fail when trying to replace anything but the first occurence.

I'm hoping jQuery can do this in some way.

Improve this question

2 Answers 2

Reset to default
2

Have you tried the jQuery wrapSelection plugin?

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

This does exactly what I want. I don't know how I missed it, but thank you so much!
1

This is pretty similar to this question. It might help.

Improve this answer

1 Comment

That is all about inside a textarea, which was the problem for me all along (in the sense that I'm not in a textarea).

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.