[JS] Bold typen zonder iets te selecteren

[Verwijderd]

Hey,

Ik heb een stukje JS code waar ik niet helemaal uit kom. Ik wil dus, wanneer je niets selecteert maar wel op bold klikt, dat je vanaf dat punt in je editor bold kunt typen.
Nu probeerde ik met een gewone pasteHTML gewoon een b tag weg te schrijven. Dit heeft tot resultaat dat de b tag er wel staat maar je daar achter begint met typen dus weer gewoon normaal type, niet bold dus.
Wanneer ik nu een spatie mee stuur, dan kan ik wel bold typen alleen dan heb ik een spatie staan..

Toelichting met code:

JavaScript:

if(rng.text == '')
{
    rng.pasteHTML("<"+ tag +">&nbsp;</"+ tag +">");
    rng.collapse(true);
    rng.moveStart("character", -1);
    rng.moveEnd("character", 0);
    rng.select();
}
else rng.pasteHTML("<"+ tag +">"+ rng.text +"</"+ tag +">");

Als ik alleen dit zou doen:

JavaScript:

if(rng.text == '')
{
    rng.pasteHTML("<"+ tag +"></"+ tag +">");
}
else rng.pasteHTML("<"+ tag +">"+ rng.text +"</"+ tag +">");

Dan zou ik dus niet kunnen typen in bold want de cursor komt dan voor of achter de bold tag te staan. Met een spatie erin, kan ik de spatie selecteren en wanneer je dan doortypt, typ je in bold. Alleen ja.. dit is een beetje een ranzige oplossing.. Kan iemand aangeven of dit ook anders kan?

Overigens werk ik nu met pasteHTML (IE) en zou ik het graag horen als dit ook mogelijk zou zijn met een DOM oplossing in IE.

[cyberstalker]

Ik snap niet wat je precies doet. Schrijf je nu HTML tags weg naar een textarea, of gebruik je designMode?

Als je designmode (of midas voor Fx) gebruikt, hoef je je helemaal niet druk te maken om ranges, dan kun je gewoon execCommand gebruiken.

[Verwijderd]

Sorry, ik gebruik dus een iframe met designmode.
Wat ik dus niet wil is gebruik maken van execCommand. Daarom ben ik ook met deze functie bezig.

[Verwijderd]

Iemand nog een idee?

[koekiemonster]

Ls,

Ik zit momenteel met hetzelfde probleem.

Stukje code:

code:

sel = DHTMLSafe.DOM.selection.createRange();
if(sel.text.length > 0) {
   var endtag = insertChar(tgname, '/', 2);
   sel.pasteHTML(tgname + sel.htmlText + endtag);
   sel.select();
} else {
alert('new');
   DHTMLSafe.DOM.body.ExecCommand("formatblock", tgname);
}
  DHTMLSafe.focus();
  DHTMLSafe.DOM.body.focus();
}

Kortom, als er een selectie is gemaakt, die uitvoeren dmv pasteHTML, anders hebben we te maken met een nieuwe trigger en dus een execcommand uitvoeren, maar dat werkt niet. Iemand enig idee hoe ik vanaf de cursor kan starten met een H1,H2, Address etc?

[Tsjilp]

mag ik vragen waarom je geen execCommand wil gebruiken?

[koekiemonster]

Het probleem is nu nog vager.
Ik gebruik nu een execcommand, maar als ik kies voor een H1, dan wordt het gehele block H1, maak ik dan een selectie en kies vervolgens voor 'normaal <p>' dan wordt dit overruled door de H1.

iemand enig idee hoe ik dit kan oplossen.
Daarnaast speelt nog een klein probleempje in onderstaande code.

code:

function ae_insertformat(tgname, num) {
  //insert a formattag  
cancelFrame();
alert(tgname);

DHTMLSafe = aeObjects[num];
DHTMLSafe.focus();
DHTMLSafe.DOM.body.focus();

sel = DHTMLSafe.DOM.selection.createRange();
if(sel.text.length > 0) {
   var endtag = insertChar(tgname, '/', 2);
   sel.pasteHTML(tgname + sel.htmlText + endtag);
   sel.select();
} else {
//DHTMLSafe.ExecCommand('FormatBlock',false,'tag');
   DHTMLSafe.ExecCommand(DECMD_SETBLOCKFMT, OLECMDEXECOPT_DODEFAULT, tgname);
}
  DHTMLSafe.focus();
  DHTMLSafe.DOM.body.focus();
}

Een selectie zorgt ervoor dat het gewijzigde block op een aparte regel komt in plaats van inline. Dit terwijl ik toch gewoon gebruik maak van pasteHTML.

Als ik alleen de Execcommand gebruik, dan pakt hij wel extreem veel regels (kortweg alle regels die beschikbaar zijn in de editors). Een selectie werkt dus niet met de execcommand, of mis ik iets?

[ Voor 12% gewijzigd door koekiemonster op 18-07-2006 15:39 ]