RADEditor Indent to use padded div instead of Blockquote

[Neil]

I am trying to modify the indent tool to use a left padded div instead of a blockquote.  I understand that the RADEditor uses execCommand that is provided by the browser, but I am trying to override this so that I can use a padded div instead of the browsers implementation.

I am using the OnClientCommandExecuting event in the RADEditor with the following JavaScript, which isn't working exactly as I thought it would.  Any help would be greatly appreciated!

Regards,
Neil

function OnClientCommandExecuting(editor, args) {
        var commandName = args.get_commandName();
        var editorParentSelection = editor.getSelection().getParentElement();

        switch (commandName) {

            case "Indent":
                     var editorParentSelection = editor.getSelection().getParentElement();
                var currentSelection = editor.getSelection().getRange();
                var wrapper = document.createElement("div");
                wrapper.setAttribute("style", "margin-left: 30px");
                wrapper.innerHTML = currentSelection.endContainer.textContent;
                output = $telerik.getOuterHtml(wrapper);
                editor.pasteHtml(output);
                console.log(editorParentSelection.outerHTML);

                args.set_cancel(true);
                break;

            case "Outdent":
                editorParentSelection.outerHTML;
                break;

            default:
                break;
        }

    }

[Neil]

Anybody?

[Rumen]

Hi Neil,

We were pretty busy preparing the Q1 2011 release and we will need a little bit more time to provide a solution for your custom scenario.

Best regards,
Rumen
the Telerik team

[Rumen]

Hi Neil,

Here is our implementation of the requested "DIV with inline margin instead of blockquote element for Indent" scenario:

    <script type="text/javascript">
        function OnClientCommandExecuted(editor, args) {
            var commandName = args.get_commandName();
            var editorParentSelection = editor.getSelection().getParentElement();

            switch (commandName) {

                case "Indent":
                    var selectedElement = editor.getSelectedElement();

                    while (!Telerik.Web.UI.Editor.Utils.isEditorContentArea(selectedElement) && !(selectedElement.tagName.toLowerCase() == "blockquote")) {
                        selectedElement = selectedElement.parentNode;
                    }

                    var tempDiv = editor.get_document().createElement("div");
                    tempDiv.style.cssText = "margin-left:30px";
                    tempDiv.innerHTML = selectedElement.innerHTML;

                    selectedElement.parentNode.replaceChild(tempDiv, selectedElement);

                    break;

                case "Outdent":
                    editorParentSelection.outerHTML;
                    break;

                default:
                    break;
            }

        }

    </script>
<telerik:RadEditor ID="RadEditor1" runat="server" OnClientCommandExecuted="OnClientCommandExecuted">
    <Content>test</Content>
</telerik:RadEditor>

I hope this helps.

Best regards,
Rumen
the Telerik team

[Neil]

Thanks Rumen.