Insert HTML in NicEdit WYSIWYG

javascript nicedit
ThoKra picture ThoKra · Apr 28, 2010 · Viewed 9.1k times · Source

How can I insert text/code at the cursors place in a div created by NicEdit?

I've tried to read the documentation and create my own plugin, but I want it to work without the tool bar (Modal Window)

Answer

Reto Aebersold picture Reto Aebersold · May 2, 2010

This is a quick solution and tested in firefox only. But it works and should be adaptable for IE and other browsers.

function insertAtCursor(editor, value){
    var editor = nicEditors.findEditor(editor);
    var range = editor.getRng();                    
    var editorField = editor.selElm();
    editorField.nodeValue = editorField.nodeValue.substring(0, range.startOffset) +
                            value +
                            editorField.nodeValue.substring(range.endOffset, editorField.nodeValue.length);
}

Related questions

How to make Nicedit only affect one textarea on a page as oposed to every textarea on the page

I've been trying to use nicedit (http://nicedit.com/) on a form for my website (which I am using to submit short stories). The form includes several textareas (). One of them is for the content of the short story, which …

Read More
Nicedit upload images locally fails

This is how I call the editor: new nicEditor({ buttonList : ['bold','italic','underline','upload'], iconsPath:'img/nicedit.png', uploadURI : 'http://server.com/integracion/files/nicUpload.php' }).panelInstance(textareaId); And the .php file exists ( and I the one in the Docs, …

Read More
How can I remove a specific item from an array?

I have an array of numbers and I'm using the .push() method to add elements to it. Is there a simple way to remove a specific element from an array? I'm looking for the equivalent of something like: array.remove(…

Read More