[dHTML] execCommand of eigen tags

[mEdnass]

Hi!

Ik ben bezig een gedeelte van mijn CMS te upgraden. Ik wil van het systeem van die UBB-style tags af, omdat dit vermoedelijk voor de gebruikers toch te moeilijk is (ja, echt..... )
Nu ben ik een beetje aan het friemelen met DHTML en het contenteditable gebeuren icm de functie execCommand.

parent.workspace.document.execCommand('Bold','','');
--Dit zou dus (de bron van) de geselecteerde text omringen met <B>-tags, maar stel nou eens voor dat ik er <H1 class=downsized> [...] </H1> van wil maken. Ik heb ook een andere functie gevonden die de html achter de selectie ophaalt:

code:

[..]
var rangeSel = parent.workspace.document.selection.createRange();
var htmlSel = rangeSel.htmlText;
var out = '<H1 class=downsized>'+htmlSel+'</H1>';

Nou zit ik dus met die variabele out, hoe moet ik die dan de huidige selectie laten overschrijven(zoals met execCommand ook gebeurd)?

Ik heb natuurlijk msdn al bekeken, maar niks (duidelijks) kunnen vinden. Ook GoT afgezocht, en een topic van een jaar oud gevonden die niet compleet de lading dekte(vandaar dus een nieuwe ipv kicken)
[topic=99374]

[edit:]createRange ipv createTextRange

[mEdnass]

Ik kon het niet laten nog eens beter te lezen op msdn, ik ben er uit!
Voor (toekomstig) belangstellenden is hier de niet afgewerkte functie:

code:

function applyTag() {
    var Sel = parent.workspace.document.selection;

    var rangeSel = Sel.createRange();
    var htmlSel = rangeSel.htmlText;

    rangeSel.pasteHTML('<H1 class=downsized>'+htmlSel+'</H1>');
    parent.workspace.focus();

}

bedankt voor jullie massale support

[SchizoDuckie]

* SchizoDuckie is met ongeveer hetzelfde bezig

maar pakt het anders aan.

Ik heb zojuist even de volgende functie geschreven:

code:

function Selectit() // Gets current selection start and end.
{
with(edit = editlayer.document.selection.createRange())
    {
    pasteHTML('_-='+htmlText+'=-_');
    }
with (editlayer.document)
    {
    with(innerHTML)
        {
        selectionstart = indexOf('_-=');
        selectionend = indexOf('=-_') -3;
        this.innerHTML = replace('_-=', '');
        this.innerHTML = replace('=-_', '');
        }
    innerHTML = innerHTML.replace('_-=', '');
    innerHTML = innerHTML.replace('=-_', '');
    focus();
    }
// alert(selectionstart+ '\n'+ selectionend);
edit.select();
}

daarmee heb ik dus de begin en eind positie van een selectie, en heb ik de hele execCommand() (die alleen maar bagger code genereert) niet meer nodig

[edit] functie geoptimized en gefixt. klopte geen fuk van.

[mEdnass]

Is ook mogelijk, maar op jouw manier vind ik het een beetje omslachtig. Ik wil helemaal niet weten waar iets geselecteerd is, ik wil alleen de (html)bron van de geselecteerde text aanpassen en terug gooien. Op deze manier kan dus nooit iemand de text '_-=' veilig intikken...
(niet dat iemand dat ook maar vana plan zal zijn, maar ja... )

En dat execCommand heb ik al overboord gegooid(behalve voor het sleur- en pleurwerk), ik voel me beter met mijn eigen functies en idd niet de m$ bagger...

Toch bedankt voor de tip, maar 'k hou het toch maar bij m'n eigen functie denk'

[Dark Blue]

whoops. wrong account :-/

[SchizoDuckie]

Op zaterdag 16 maart 2002 07:47 schreef mEdnass het volgende:
Is ook mogelijk, maar op jouw manier vind ik het een beetje omslachtig. Ik wil helemaal niet weten waar iets geselecteerd is, ik wil alleen de (html)bron van de geselecteerde text aanpassen en terug gooien.

Klopt! ik dus ook! maar dan zal je dus wel moeten weten wát er geselecteerd is!

Op deze manier kan dus nooit iemand de text '_-=' veilig intikken...
(niet dat iemand dat ook maar vana plan zal zijn, maar ja... )

Ik heb eerst geprobeerd een of andere wazige htmlentity als search character te nemen, maar dat lukte even niet. uit luiheid maar even veranderd door dit, maar het wordt nog wel een unieke string die er komt te staan.

En dat execCommand heb ik al overboord gegooid(behalve voor het sleur- en pleurwerk), ik voel me beter met mijn eigen functies en idd niet de m$ bagger...

Toch bedankt voor de tip, maar 'k hou het toch maar bij m'n eigen functie denk'

Ok. zelf weten, maar ik ben al weer wat verder

http://www.nvlf.nl/editor.nvlf

• selecteer wat text, en experimenteer
(ja, je selectie vakje gaat nu nog weg, maar in de window.status staat welke chars je geselecteerd heb.