javascriptnicedit

Insert HTML in NicEdit WYSIWYG


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)


Solution

  • 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);
    }