Contenteditable toggelen tussen wysiwyg en html

[cutter]

Ik zit nu met een nogal rigide CMS waarin alleen wysiwyg geedit kan worden. Op zich erg handig voor de html nono's, alleen nogal rigide als je vanuit word een lap tekst copypaste in het veld.

code:

<div id="Obj2" name="Obj2" contenteditable=true class="user" style="width:325px;">
<P><FONT face=" Arial">
De samenleving. </FONT>
<FONT face=" Arial">Computers en internet zijn te suf</FONT> 
Leuk andere tekstopmaak</P>
                </div>

Zo'n stukje als hierboven krijg je dan..... en die <p> krijg je absoluut niet weg. Op zich geen probleem als er nu maar een html toggle button inzit. Alleen hoe doe je dat: je kan een popupje maken waarin je de platte html kunt editten en dan weer terugsturen naar de contenteditor. Of je verandert de div naar een textfield of zo.... ideeen iemand???

[ Voor 35% gewijzigd door cutter op 20-12-2002 13:00 ]

[r0bert]

HTML:

<input type="button" 
  onClick="document.getElementById('Obj2').contentEditable = (document.getElementById('Obj2').contentEditable) ? true : false;" />

[edit]
hmm volgens mij heb ik het beetje verkeerd gelezen wat je bedoelde.. of niet ?

Misschien is zoiets wat ?

HTML:

<input type="button"
  onClick="document.getElementById('Obj2').innerHTML = document.getElementById('Obj2').innerHTML;" value="Zie echte pagina" />

<input type="button"
 onClick="document.getElementById('Obj2').innerText = document.getElementById('Obj2').innerHTML;" value="Zie HTML bron" />

[ Voor 78% gewijzigd door r0bert op 20-12-2002 13:12 ]

[cutter]

en ietsje netter: (nog lang niet helemaal)

HTML:

<script language="JavaScript"> 

var viewMode = 2;
function doToggle() 
{ 
if(viewMode == 1) 
{
document.getElementById('Obj2').innerHTML = document.getElementById('Obj2').innerText;
viewMode = 2; 
} 
else 
{ 
document.getElementById('Obj2').innerText = document.getElementById('Obj2').innerHTML;
viewMode = 1;
} 
} 
</script>

    <DIV id="Obj2" name="Obj2" contenteditable="true" style="width:325px;">
<P><FONT face=" Arial">Editen maar. </FONT><FONT face=" Arial">Computers en internet zijn leuk.</FONT> Jaja het werkt.</P>
    </DIV>  
    <INPUT type="button"
  onClick="doToggle()" value="Zie echte pagina" />

Nog een beetje tunen zoals de value van de button veranderen en we zijn in business...

ergo: r0bert dank.....

[Willem]

NON-wysiwig was een optie

_{</heel-erg-cynisch>}

[cutter]

jij moet gewoon je mond houden bijdehandtje

wysiwyg roeleert, alleen 'wysiwyg only' roeleert niet

[Willem]

_{met de nadruk op optie}

Nee sorry ik draaf door

ONTOPIC

[ Voor 124% gewijzigd door Willem op 20-12-2002 14:28 ]

[drm]

cutter:
en ietsje netter: (nog lang niet helemaal)

HTML:

snip

Nog een beetje tunen zoals de value van de button veranderen en we zijn in business...

ergo: r0bert dank.....

Vergeet je nu niet, dat als je de innerText van het element hebt aangepast, ik nog steeds op ctrl-b kan drukken? dan klopt 't opeens niet meer, want dan krijg je dit soort grappen:

code:

<p><font face="arial">
&lt;strong&gt;Oh, hier heb ik in viewmode "2" op ctrl-b gedrukt....&lt;/strong&gt;
</font></p>

[ Voor 5% gewijzigd door drm op 20-12-2002 14:31 . Reden: die html rechten af en toe |:( ]

[2]

Ik heb het een tijdje geleden zo opgelost. Wellicht dat je er wat aan hebt. Hij is voorlopig nog IE only maar ik hoop binnenkort met iets te komen dat ook op mozilla werkt.

Overigens die 'opschonen' functie is voor copy-pasten vanuit word. En dit document is niet helemaal netjes standaard-wijs.

[ Voor 23% gewijzigd door 2 op 21-12-2002 21:36 ]

[Woudloper]

2: het voorbeeld wat jij laat zien werkt niet

Als ik op B klik krijg ik de volgende melding:

Line: 102
Char: 3
Error: Invalid argument.
Code: 0
URL: http://www.d-sh.org/projects/edit

[2]

Urgh ik zie dat er nog een slordigheidje in zit. Zal hem er zo even uitslopen.