Changer la valeur d'un Telerik RadEditor avec Javascript / jQuery

StackOverflow https://stackoverflow.com/questions/1234028

Question

J'essaie de nettoyer manuellement le code HTML d'un Telerik RadEdit avec Javascript, mais je n'arrive pas à trouver le bon emplacement pour stocker la valeur afin qu'elle soit sauvegardée lors de la publication.

Voici le JS que j'ai: 

$(function () {    
    jQuery.fixHash = function ($html) {      

        // modify $html

        return $html;
    };

    $("#adminEditingArea input[id$='SaveButton']").unbind("click").click(function () {
        $("iframe[id$='_contentIframe']").trigger("save");

        // call .net postback

        return false;
    });

});

var editorSaveEventInit = false;
function InitSaveEvent() {
    if (!editorSaveEventInit) {
        var $EditFrames = $("iframe[id$='_contentIframe']");
        if ($EditFrames && $EditFrames.length > 0) {
            $EditFrames.bind("save", function (e) {
                var $thisFrame = $(this);
                var thisFrameContents = $thisFrame.contents();
                if (thisFrameContents) {
                    var telerikContentIFrame = thisFrameContents.get(0);
                    var $body = $("body", telerikContentIFrame);
                    var html = $.fixHash($body).html();
                    $body.html(html);

                    // also tried storing the modified HTML in the textarea, but it doesn't seem to save:
                    //$thisFrame.prev("textarea").html(encodeURIComponent("<body>" + html + "</body>"));
                }
            });
            editorSaveEventInit = true;
        }
    }
};

$(window).load(function () {
    InitSaveEvent();
});

Existe-t-il un moyen quelconque d'accéder à l'objet Telerik RadEditor avec JavaScript (à l'aide de OnClientCommandExecuted () ?) afin que je puisse accéder au .get_html () et au .set_html (valeur) fonctions? Sinon, quelles valeurs dois-je définir avant de poster?

Était-ce utile?

La solution

Pourquoi n'utilisez-vous pas les filtres de contenu personnalisé .

Autres conseils

Ah, je viens de découvrir la fonction $ find () intégrée de Telerik: http://www.telerik.com/help/aspnet-ajax/editor_getingreferencetoradeditor.html

Modifier: voici la solution que j'ai proposée pour ma fonction InitSaveEvent () : 

var editorSaveEventInit = false;
function InitSaveEvent() {
    if (!editorSaveEventInit) {
        var $EditFrames = $("iframe[id$='_contentIframe']");
        if ($EditFrames && $EditFrames.length > 0) {
            $EditFrames.bind("save", function (e) {
                var $thisFrame = $(this);
                var thisFrameContents = $thisFrame.contents();
                if (thisFrameContents) {
                    var telerikContentIFrame = thisFrameContents.get(0);
                    var $body = $("body", telerikContentIFrame);
                    var html = $.fixHash($body).html();
                    // SOLUTION!
                    var $radeditor = $thisFrame.parents("div.RadEditor.Telerik:eq(0)");
                    var editor = $find($radeditor.attr("id"));
                    editor.set_html(html);
                    // ☺
                }
            });
            editorSaveEventInit = true;
        }
    }
};
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top