rangy - как работать с контентом в iframe

Question

Мне нужна ваша помощь насчет библиотеки.

Как я могу применить ранги в пределах содержимого, выбранного iframe, я не могу понять ((

этот код на моей странице создает выделение красным жирным шрифтом со ВСЕМ содержимым iframe, но мне нужно применить его только к выбору пользователя

var cssApplier;
$("#ok_button").click(function()
{
    var iframe = document.getElementById("iframe_id");
    var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
    var range = rangy.createRange(iframeDoc);
    cssApplier.applyToRange(range);
});


$("iframe#iframe_id").load(function()
{
         rangy.init();
    cssApplier = rangy.createCssClassApplier("boldRed", {normalize: true});
});

Answer 1

Вам нужно получить выбор из iframe. Вот как:

var cssApplier;
$("#ok_button").click(function()
{
    var iframe = document.getElementById("iframe_id");
    var iframeWin = rangy.dom.getIframeWindow(iframe);
    cssApplier.applyToSelection(iframeWin);

    // In Rangy 1.3, you can pass the iframe object directly into
    // applyToSelection so the previous two lines become:
    // cssApplier.applyToSelection(iframe);
});


$("iframe#iframe_id").load(function()
{
         rangy.init();
    cssApplier = rangy.createCssClassApplier("boldRed", {normalize: true});
});