Ir para conteúdo
Fórum Script Brasil
  • 0

Editor HTML

ramongsilva

Perguntado por ramongsilva,

 Share

Pergunta

ramongsilva

ramongsilva

Postado
Postado

Olá Galera,

Estou tentando adaptar em meu sistema de noticias, um editor html para lançar os conteúdos das notícias de forma mais agradável. O problema que estou tendo é que este editor é em javascript e não imagino como pegar o valor php para cadastrar no banco de dados.

Veja o codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
    <HEAD>
                <TITLE>Test</TITLE>
        <script src="wsCTextEditor.js" type="text/javascript"></script>
    </HEAD>

<script language="JavaScript" type="text/javascript">
var editor = new wsCTextEditor('textEditor', '', "100%", 300, true, false);




</SCRIPT>

<BODY>
<?php

if(!isset($envia)){
?>
<form action="" method="POST">
    <script>
        editor.show();
    </script>
    <input type="hidden" value="editor.setHTML(this.value);" name="texto" id="texto" />
    <input name="envia" type="submit" value="Submit" >
</form>
<?php
}else{
echo $_POST[texto];

}
?>
</BODY>
</HTML>

Porém não consigo receber o valor via php.

alguém saberia como fazer isso?

Ou teria algum outro script para um editor html?

Obrigado!

Aguardo!

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
ESerra

ESerra

Postado
Postado

Acabei de jogar o nome no google e apareceu 6 resultados, provavelmente você digitou errado, de qualquer maneira, troque:

echo $_POST[texto];

Por

print_r($_POST);

Isso vai fazer com que tudo que for enviado por $_POST seja exibido, ai é só você ver o nome do índice do array...

Link para o comentário
Compartilhar em outros sites
  • 0
ramongsilva

ramongsilva

Postado
  • Autor
Postado

Olá ESerra,

Bem não sei se você saca de javascript, pois tenho a impressão que para eu obter esse valor do Editor HTML terei de fazer um comando javascript.

Segue código javascript que é importado na página que uso o editor html:

function wsCTextEditor(name, html, width, height, buttons, readonly)
{
        this.name = name;
    this.html = html;
    this.width = width;
    this.height = height;
    this.buttons = buttons;
    this.readonly = readonly;
    
    this.setHTML = wsCTextEditorSetHTML;
    this.addHTML = wsCTextEditorAddHTML;
    this.show = wsCTextEditorShow;
    this.getHTML = wsCTExtEditorGetHTML;
    this.clear =wsCTextEditorClear;
    
    // Private
    this.updateHTML =wsCTextEditorUpdateHTML;
    


    initRTE("images/", "", "");
}


function wsCTextEditorSetHTML(html)
{
    this.html = html;
    this.updateHTML();
    
}

function wsCTextEditorUpdateHTML()
{
    if (document.all)
    {
        frames[this.name].document.body.innerHTML = this.html;
    }
    else
    {
        document.getElementById(this.name).contentWindow.document.body.innerHTML = this.html;
    }

}


function wsCTextEditorAddHTML(html)
{
    this.html += html;
    this.updateHTML();
}


function wsCTextEditorShow()
{
    writeRichText(this.name, this.html, this.width, this.height, this.buttons, this.readonly);
}


function wsCTExtEditorGetHTML()
{
       if (document.all)
    {
        return frames[this.name].document.body.innerHTML;
    }
    else
    {
        return document.getElementById(this.name).contentWindow.document.body.innerHTML;
    }
}


function wsCTextEditorClear()
{
    this.setHTML("");
}



// Cross-Browser Rich Text Editor
// http://www.kevinroth.com/rte/demo.htm
// Written by Kevin Roth (kevin@NOSPAMkevinroth.com - remove NOSPAM)

//init variables
var isRichText = false;
var rng;
var currentRTE;
var allRTEs = "";

var isIE;
var isGecko;
var isSafari;
var isKonqueror;

var imagesPath;
var includesPath;
var cssFile;


function initRTE(imgPath, incPath, css) {
    //set browser vars
    var ua = navigator.userAgent.toLowerCase();
    isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1)); 
    isGecko = (ua.indexOf("gecko") != -1);
    isSafari = (ua.indexOf("safari") != -1);
    isKonqueror = (ua.indexOf("konqueror") != -1);
    
    //check to see if designMode mode is available
    if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
        isRichText = true;
    }
    
    if (!isIE) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEDOWN | Event.MOUSEUP);
    document.onmouseover = raiseButton;
    document.onmouseout  = normalButton;
    document.onmousedown = lowerButton;
    document.onmouseup   = raiseButton;
    
    //set paths vars
    imagesPath = imgPath;
    includesPath = incPath;
    cssFile = css;
    
    if (isRichText) document.writeln('<style type="text/css">@import "' + includesPath + 'rte.css";</style>');
    
    //for testing standard textarea, uncomment the following line
    //isRichText = false;
}

function writeRichText(rte, html, width, height, buttons, readOnly) {
    if (isRichText) {
        if (allRTEs.length > 0) allRTEs += ";";
        allRTEs += rte;
        writeRTE(rte, html, width, height, buttons, readOnly);
    } else {
        writeDefault(rte, html, width, height, buttons, readOnly);
    }
}

function writeDefault(rte, html, width, height, buttons, readOnly) {
    if (!readOnly) {
        document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;">' + html + '</textarea>');
    } else {
        document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;" readonly>' + html + '</textarea>');
    }
}

function raiseButton(e) {
    if (isIE) {
        var el = window.event.srcElement;
    } else {
        var el= e.target;
    }
    
    className = el.className;
    if (className == 'rteImage' || className == 'rteImageLowered') {
        el.className = 'rteImageRaised';
    }
}

function normalButton(e) {
    if (isIE) {
        var el = window.event.srcElement;
    } else {
        var el= e.target;
    }
    
    className = el.className;
    if (className == 'rteImageRaised' || className == 'rteImageLowered') {
        el.className = 'rteImage';
    }
}

function lowerButton(e) {
    if (isIE) {
        var el = window.event.srcElement;
    } else {
        var el= e.target;
    }
    
    className = el.className;
    if (className == 'rteImage' || className == 'rteImageRaised') {
        el.className = 'rteImageLowered';
    }
}

function writeRTE(rte, html, width, height, buttons, readOnly) {
    if (readOnly) buttons = false;
    
    //adjust minimum table widths
    if (isIE) {
        if (buttons && (width < 600)) width = 600;
        var tablewidth = width;
    } else {
        if (buttons && (width < 500)) width = 500;
        var tablewidth = width + 4;
    }
    
    if (buttons == true) {
        document.writeln('<table class="rteBack" cellpadding=2 cellspacing=0 id="Buttons1_' + rte + '" width="' + tablewidth + '">');
        document.writeln('    <tr>');
        document.writeln('        <td>');
        document.writeln('            <select id="formatblock_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
        document.writeln('                <option value="">[Style]</option>');
        document.writeln('                <option value="<p>">Paragraph</option>');
        document.writeln('                <option value="<h1>">Heading 1 <h1></option>');
        document.writeln('                <option value="<h2>">Heading 2 <h2></option>');
        document.writeln('                <option value="<h3>">Heading 3 <h3></option>');
        document.writeln('                <option value="<h4>">Heading 4 <h4></option>');
        document.writeln('                <option value="<h5>">Heading 5 <h5></option>');
        document.writeln('                <option value="<h6>">Heading 6 <h6></option>');
        document.writeln('                <option value="<address>">Address <ADDR></option>');
        document.writeln('                <option value="<pre>">Formatted <pre></option>');
        document.writeln('            </select>');
        document.writeln('        </td>');
        document.writeln('        <td>');
        document.writeln('            <select id="fontname_' + rte + '" onchange="Select(\'' + rte + '\', this.id)">');
        document.writeln('                <option value="Font" selected>[Font]</option>');
        document.writeln('                <option value="Arial, Helvetica, sans-serif">Arial</option>');
        document.writeln('                <option value="Courier New, Courier, mono">Courier New</option>');
        document.writeln('                <option value="Times New Roman, Times, serif">Times New Roman</option>');
        document.writeln('                <option value="Verdana, Arial, Helvetica, sans-serif">Verdana</option>');
        document.writeln('            </select>');
        document.writeln('        </td>');
        document.writeln('        <td>');
        document.writeln('            <select unselectable="on" id="fontsize_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
        document.writeln('                <option value="Size">[Size]</option>');
        document.writeln('                <option value="1">1</option>');
        document.writeln('                <option value="2">2</option>');
        document.writeln('                <option value="3">3</option>');
        document.writeln('                <option value="4">4</option>');
        document.writeln('                <option value="5">5</option>');
        document.writeln('                <option value="6">6</option>');
        document.writeln('                <option value="7">7</option>');
        document.writeln('            </select>');
        document.writeln('        </td>');
        document.writeln('        <td width="100%">');
        document.writeln('        </td>');
        document.writeln('    </tr>');
        document.writeln('</table>');
        document.writeln('<table class="rteBack" cellpadding="0" cellspacing="0" id="Buttons2_' + rte + '" width="' + tablewidth + '">');
        document.writeln('    <tr>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'bold.gif" width="25" height="24" alt="Bold" title="Bold" onClick="FormatText(\'' + rte + '\', \'bold\', \'\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'italic.gif" width="25" height="24" alt="Italic" title="Italic" onClick="FormatText(\'' + rte + '\', \'italic\', \'\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'underline.gif" width="25" height="24" alt="Underline" title="Underline" onClick="FormatText(\'' + rte + '\', \'underline\', \'\')"></td>');
        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'left_just.gif" width="25" height="24" alt="Align Left" title="Align Left" onClick="FormatText(\'' + rte + '\', \'justifyleft\', \'\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'centre.gif" width="25" height="24" alt="Center" title="Center" onClick="FormatText(\'' + rte + '\', \'justifycenter\', \'\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'right_just.gif" width="25" height="24" alt="Align Right" title="Align Right" onClick="FormatText(\'' + rte + '\', \'justifyright\', \'\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'justifyfull.gif" width="25" height="24" alt="Justify Full" title="Justify Full" onclick="FormatText(\'' + rte + '\', \'justifyfull\', \'\')"></td>');
        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'hr.gif" width="25" height="24" alt="Horizontal Rule" title="Horizontal Rule" onClick="FormatText(\'' + rte + '\', \'inserthorizontalrule\', \'\')"></td>');
        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'numbered_list.gif" width="25" height="24" alt="Ordered List" title="Ordered List" onClick="FormatText(\'' + rte + '\', \'insertorderedlist\', \'\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'list.gif" width="25" height="24" alt="Unordered List" title="Unordered List" onClick="FormatText(\'' + rte + '\', \'insertunorderedlist\', \'\')"></td>');
        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'outdent.gif" width="25" height="24" alt="Outdent" title="Outdent" onClick="FormatText(\'' + rte + '\', \'outdent\', \'\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'indent.gif" width="25" height="24" alt="Indent" title="Indent" onClick="FormatText(\'' + rte + '\', \'indent\', \'\')"></td>');
        document.writeln('        <td><div id="forecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'textcolor.gif" width="25" height="24" alt="Text Color" title="Text Color" onClick="FormatText(\'' + rte + '\', \'forecolor\', \'\')"></div></td>');
        document.writeln('        <td><div id="hilitecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'bgcolor.gif" width="25" height="24" alt="Background Color" title="Background Color" onClick="FormatText(\'' + rte + '\', \'hilitecolor\', \'\')"></div></td>');
        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'hyperlink.gif" width="25" height="24" alt="Insert Link" title="Insert Link" onClick="FormatText(\'' + rte + '\', \'createlink\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'image.gif" width="25" height="24" alt="Add Image" title="Add Image" onClick="AddImage(\'' + rte + '\')"></td>');
        if (isIE) {
            //document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'spellcheck.gif" width="25" height="24" alt="Spell Check" title="Spell Check" onClick="checkspell()"></td>');
        }
        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'cut.gif" width="25" height="24" alt="Cut" title="Cut" onClick="FormatText(\'' + rte + '\', \'cut\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'copy.gif" width="25" height="24" alt="Copy" title="Copy" onClick="FormatText(\'' + rte + '\', \'copy\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'paste.gif" width="25" height="24" alt="Paste" title="Paste" onClick="FormatText(\'' + rte + '\', \'paste\')"></td>');
        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'undo.gif" width="25" height="24" alt="Undo" title="Undo" onClick="FormatText(\'' + rte + '\', \'undo\')"></td>');
        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'redo.gif" width="25" height="24" alt="Redo" title="Redo" onClick="FormatText(\'' + rte + '\', \'redo\')"></td>');
        document.writeln('        <td width="100%"></td>');
        document.writeln('    </tr>');
        document.writeln('</table>');
    }
    document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px" class="wsEditorText" style="display:inline;background-color:#8890A1;"></iframe>');
    if (!readOnly) document.writeln('<br /><p style="text-align:left;font-size:8pt" ><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" />&nbsp;View Source</p>');
    document.writeln('<iframe width="154" height="104" id="cp' + rte + '" src="' + includesPath + 'palette.htm" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; display: none; position: absolute;"></iframe>');
    document.writeln('<input type="hidden" id="hdn' + rte + '" name="' + rte + '" value="">');
    document.getElementById('hdn' + rte).value = html;
    enableDesignMode(rte, html, readOnly);
}

function enableDesignMode(rte, html, readOnly) {
    var frameHtml = "<html id=\"" + rte + "\">\n";
    frameHtml += "<head>\n";
    //to reference your stylesheet, set href property below to your stylesheet path and uncomment
    if (cssFile.length > 0) {
        frameHtml += "<link media=\"all\" type=\"text/css\" href=\"" + cssFile + "\" rel=\"stylesheet\">\n";
    } else {
        frameHtml += "<style>\n";
        frameHtml += "body {\n";
        frameHtml += "    background: #FFFFFF;\n";
        frameHtml += "    margin: 0px;\n";
        frameHtml += "    padding: 0px;\n";
        frameHtml += "}\n";
        frameHtml += "</style>\n";
    }
    frameHtml += "</head>\n";
    frameHtml += "<body>\n";
    frameHtml += html + "\n";
    frameHtml += "</body>\n";
    frameHtml += "</html>";
    
    if (document.all) {
        var oRTE = frames[rte].document;
        oRTE.open();
        oRTE.write(frameHtml);
        oRTE.close();
        if (!readOnly) oRTE.designMode = "On";
    } else {
        try {
            if (!readOnly) document.getElementById(rte).contentDocument.designMode = "on";
            try {
                var oRTE = document.getElementById(rte).contentWindow.document;
                oRTE.open();
                oRTE.write(frameHtml);
                oRTE.close();
                if (isGecko && !readOnly) {
                    //attach a keyboard handler for gecko browsers to make keyboard shortcuts work
                    oRTE.addEventListener("keypress", kb_handler, true);
                }
            } catch (e) {
                alert("Error preloading content.");
            }
        } catch (e) {
            //gecko may take some time to enable design mode.
            //Keep looping until able to set.
            if (isGecko) {
                setTimeout("enableDesignMode('" + rte + "', '" + html + "', " + readOnly + ");", 10);
            } else {
                return false;
            }
        }
    }
}

function updateRTEs() {
    var vRTEs = allRTEs.split(";");
    for (var i = 0; i < vRTEs.length; i++) {
        updateRTE(vRTEs[i]);
    }
}

function updateRTE(rte) {
    if (!isRichText) return;
    
    //set message value
    var oHdnMessage = document.getElementById('hdn' + rte);
    var oRTE = document.getElementById(rte);
    var readOnly = false;
    
    //check for readOnly mode
    if (document.all) {
        if (frames[rte].document.designMode != "On") readOnly = true;
    } else {
        if (document.getElementById(rte).contentDocument.designMode != "on") readOnly = true;
    }
    
    if (isRichText && !readOnly) {
        //if viewing source, switch back to design view
        if (document.getElementById("chkSrc" + rte).checked) {
            document.getElementById("chkSrc" + rte).checked = false;
            toggleHTMLSrc(rte);
        }
        
        if (oHdnMessage.value == null) oHdnMessage.value = "";
        if (document.all) {
            oHdnMessage.value = frames[rte].document.body.innerHTML;
        } else {
            oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
        }
        
        //if there is no content (other than formatting) set value to nothing
        if (stripHTML(oHdnMessage.value.replace("&nbsp;", " ")) == "" 
            && oHdnMessage.value.toLowerCase().search("<hr") == -1
            && oHdnMessage.value.toLowerCase().search("<img") == -1) oHdnMessage.value = "";
        //fix for gecko
        if (escape(oHdnMessage.value) == "%3Cbr%3E%0D%0A%0D%0A%0D%0A") oHdnMessage.value = "";
    }
}

function toggleHTMLSrc(rte) {
    //contributed by Bob Hutzel (thanks Bob!)
    var oRTE;
    if (document.all) {
        oRTE = frames[rte].document;
    } else {
        oRTE = document.getElementById(rte).contentWindow.document;
    }
    
    if (document.getElementById("chkSrc" + rte).checked) {
        document.getElementById("Buttons1_" + rte).style.visibility = "hidden";
        document.getElementById("Buttons2_" + rte).style.visibility = "hidden";
        if (document.all) {
            oRTE.body.innerText = oRTE.body.innerHTML;
        } else {
            var htmlSrc = oRTE.createTextNode(oRTE.body.innerHTML);
            oRTE.body.innerHTML = "";
            oRTE.body.appendChild(htmlSrc);
        }
    } else {
        document.getElementById("Buttons1_" + rte).style.visibility = "visible";
        document.getElementById("Buttons2_" + rte).style.visibility = "visible";
        if (document.all) {
            //fix for IE
            var output = escape(oRTE.body.innerText);
            output = output.replace("%3CP%3E%0D%0A%3CHR%3E", "%3CHR%3E");
            output = output.replace("%3CHR%3E%0D%0A%3C/P%3E", "%3CHR%3E");
            
            oRTE.body.innerHTML = unescape(output);
        } else {
            var htmlSrc = oRTE.body.ownerDocument.createRange();
            htmlSrc.selectNodeContents(oRTE.body);
            oRTE.body.innerHTML = htmlSrc.toString();
        }
    }
}

//Function to format text in the text box
function FormatText(rte, command, option) {
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
        
        //get current selected range
        var selection = oRTE.document.selection; 
        if (selection != null) {
            rng = selection.createRange();
        }
    } else {
        oRTE = document.getElementById(rte).contentWindow;
        
        //get currently selected range
        var selection = oRTE.getSelection();
        rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
    }
    
    try {
        if ((command == "forecolor") || (command == "hilitecolor")) {
            //save current values
            parent.command = command;
            currentRTE = rte;
            
            //position and show color palette
            buttonElement = document.getElementById(command + '_' + rte);
            // Ernst de Moor: Fix the amount of digging parents up, in case the RTE editor itself is displayed in a div.
            document.getElementById('cp' + rte).style.left = getOffsetLeft(buttonElement, 4) + "px";
            document.getElementById('cp' + rte).style.top = (getOffsetTop(buttonElement, 4) + buttonElement.offsetHeight + 4) + "px";
            if (document.getElementById('cp' + rte).style.visibility == "hidden") {
                document.getElementById('cp' + rte).style.visibility = "visible";
                document.getElementById('cp' + rte).style.display = "inline";
            } else {
                document.getElementById('cp' + rte).style.visibility = "hidden";
                document.getElementById('cp' + rte).style.display = "none";
            }
        } else if (command == "createlink") {
            var szURL = prompt("Enter a URL:", "");
            try {
                //ignore error for blank urls
                oRTE.document.execCommand("Unlink", false, null);
                oRTE.document.execCommand("CreateLink", false, szURL);
            } catch (e) {
                //do nothing
            }
        } else {
            oRTE.focus();
              oRTE.document.execCommand(command, false, option);
            oRTE.focus();
        }
    } catch (e) {
        alert(e);
    }
}

//Function to set color
function setColor(color) {
    var rte = currentRTE;
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
    } else {
        oRTE = document.getElementById(rte).contentWindow;
    }
    
    var parentCommand = parent.command;
    if (document.all) {
        //retrieve selected range
        var sel = oRTE.document.selection; 
        if (parentCommand == "hilitecolor") parentCommand = "backcolor";
        if (sel != null) {
            var newRng = sel.createRange();
            newRng = rng;
            newRng.select();
        }
    }
    oRTE.focus();
    oRTE.document.execCommand(parentCommand, false, color);
    oRTE.focus();
    document.getElementById('cp' + rte).style.visibility = "hidden";
    document.getElementById('cp' + rte).style.display = "none";
}

//Function to add image
function AddImage(rte) {
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
        
        //get current selected range
        var selection = oRTE.document.selection; 
        if (selection != null) {
            rng = selection.createRange();
        }
    } else {
        oRTE = document.getElementById(rte).contentWindow;
        
        //get currently selected range
        var selection = oRTE.getSelection();
        rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
    }
    
    imagePath = prompt('Enter Image URL:', 'http://');                
    if ((imagePath != null) && (imagePath != "")) {
        oRTE.focus();
        oRTE.document.execCommand('InsertImage', false, imagePath);
        oRTE.focus();
    }
}

//function to perform spell check
function checkspell() {
    try {
        var tmpis = new ActiveXObject("ieSpell.ieSpellExtension");
        tmpis.CheckAllLinkedDocuments(document);
    }
    catch(exception) {
        if(exception.number==-2146827859) {
            if (confirm("ieSpell not detected.  Click Ok to go to download page."))
                window.open("http://www.iespell.com/download.php","DownLoad");
        } else {
            alert("Error Loading ieSpell: Exception " + exception.number);
        }
    }
}

// Ernst de Moor: Fix the amount of digging parents up, in case the RTE editor itself is displayed in a div.
function getOffsetTop(elm, parents_up) {
    var mOffsetTop = elm.offsetTop;
    var mOffsetParent = elm.offsetParent;
    
    if(!parents_up) {
        parents_up = 10000; // arbitrary big number
    }
    while(parents_up>0 && mOffsetParent) {
        mOffsetTop += mOffsetParent.offsetTop;
        mOffsetParent = mOffsetParent.offsetParent;
        parents_up--;
    }
    
    return mOffsetTop;
}

// Ernst de Moor: Fix the amount of digging parents up, in case the RTE editor itself is displayed in a div.
function getOffsetLeft(elm, parents_up) {
    var mOffsetLeft = elm.offsetLeft;
    var mOffsetParent = elm.offsetParent;
    
    if(!parents_up) {
        parents_up = 10000; // arbitrary big number
    }
    while(parents_up>0 && mOffsetParent) {
        mOffsetLeft += mOffsetParent.offsetLeft;
        mOffsetParent = mOffsetParent.offsetParent;
        parents_up--;
    }
    
    return mOffsetLeft;
}

function Select(rte, selectname) {
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
        
        //get current selected range
        var selection = oRTE.document.selection; 
        if (selection != null) {
            rng = selection.createRange();
        }
    } else {
        oRTE = document.getElementById(rte).contentWindow;
        
        //get currently selected range
        var selection = oRTE.getSelection();
        rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
    }
    
    var idx = document.getElementById(selectname).selectedIndex;
    // First one is always a label
    if (idx != 0) {
        var selected = document.getElementById(selectname).options[idx].value;
        var cmd = selectname.replace('_' + rte, '');
        oRTE.focus();
        oRTE.document.execCommand(cmd, false, selected);
        oRTE.focus();
        document.getElementById(selectname).selectedIndex = 0;
    }
}

function kb_handler(evt) {
    var rte = evt.target.id;
    
    //contributed by Anti Veeranna (thanks Anti!)
    if (evt.ctrlKey) {
        var key = String.fromCharCode(evt.charCode).toLowerCase();
        var cmd = '';
        switch (key) {
            case 'b': cmd = "bold"; break;
            case 'i': cmd = "italic"; break;
            case 'u': cmd = "underline"; break;
        };

        if (cmd) {
            FormatText(rte, cmd, true);
            //evt.target.ownerDocument.execCommand(cmd, false, true);
            // stop the event bubble
            evt.preventDefault();
            evt.stopPropagation();
        }
     }
}

function docChanged (evt) {
    alert('changed');
}

function stripHTML(oldString) {
    var newString = oldString.replace(/(<([^>]+)>)/ig,"");
    
    //replace carriage returns and line feeds
   newString = newString.replace(/\r\n/g," ");
   newString = newString.replace(/\n/g," ");
   newString = newString.replace(/\r/g," ");
    
    //trim string
    newString = trim(newString);
    
    return newString;
}

function trim(inputString) {
   // Removes leading and trailing spaces from the passed string. Also removes
   // consecutive spaces and replaces it with one space. If something besides
   // a string is passed in (null, custom object, etc.) then return the input.
   if (typeof inputString != "string") return inputString;
   var retValue = inputString;
   var ch = retValue.substring(0, 1);
    
   while (ch == " ") { // Check for spaces at the beginning of the string
      retValue = retValue.substring(1, retValue.length);
      ch = retValue.substring(0, 1);
   }
   ch = retValue.substring(retValue.length-1, retValue.length);
    
   while (ch == " ") { // Check for spaces at the end of the string
      retValue = retValue.substring(0, retValue.length-1);
      ch = retValue.substring(retValue.length-1, retValue.length);
   }
    
    // Note that there are two spaces in the string - look for multiple spaces within the string
   while (retValue.indexOf("  ") != -1) {
        // Again, there are two spaces in each of the strings
      retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, retValue.length);
   }
   return retValue; // Return the trimmed string back to the user
}

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,1k
×
×
  • Criar Novo...