/u/20544/pelle-jjvv-bg.png?f=community)
Ik zat me net een geniaal idee te bedenken voor een pagina die ik wel wil (her)bouwen, maar niet wil onderhouden, ondanks dat ik de beheerder van die site ben.
Ik ga straks een aantal mensen bepaalde rechten geven tot het editen van bepaalde pagina's, en het leek me wel leuk om dat eens met de contenteditable functies van IE te gaan doen.
Ik heb er nog nooit mee gewerkt, maar wat ik ervan gezien heb is erg cool. Ben dus een beetje gaan prutsen, maar nu zit ik vast.
Zie onderstaande code:
Ik wil als ik in die <div> m'n tekst aan het tikken ben, en ik op [enter] druk, hij ook daadwerkelijk naar de volgende regel gaat, of desnoods een nieuwe <p> begint.
Maar dat lukt dus niet. Wat doe ik fout?
Oh en nog iets, nu ik toch bezig ben
Wat ik van MSDN begreep is dat de functie execCommand("RemoveFormat") alle zooi die gegenereerd is rondom de tekst-selectie, wordt weggehaald. Maar die doet het ook nie
Welke guru helpt mij uit de brand?
Ik ga straks een aantal mensen bepaalde rechten geven tot het editen van bepaalde pagina's, en het leek me wel leuk om dat eens met de contenteditable functies van IE te gaan doen.
Ik heb er nog nooit mee gewerkt, maar wat ik ervan gezien heb is erg cool. Ben dus een beetje gaan prutsen, maar nu zit ik vast.
Zie onderstaande code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
#blob {
border: 1px solid #000066;
font-family: verdana;
padding: 10px;
width: 500px;
overflow: auto;
}
a {
color: #00ff00;
}
</style>
<script language="javascript" type="text/javascript">
<!--
function boldred() {
range = document.getElementById("blob").document.selection.createRange();
range.execCommand("Bold");
range.execCommand("ForeColor", false, "red");
}
function linkje() {
range = document.getElementById("blob").document.selection.createRange();
range.execCommand("CreateLink");
}
function source() {
alert(document.getElementById('blob').innerHTML);
}
function del() {
range = document.getElementById("blob").document.selection.createRange();
range.execCommand("RemoveFormat");
}
//-->
</script>
</head>
<body>
<div id="blob" contenteditable>
sjako<br>
dus
</div>
<br>
<br>
<button onClick="boldred()">bold red</button>
<button onClick="linkje()">linkje</button>
<button onClick="del()">meuk weghalen</button>
<button onClick="source()">alert source</button>
</body>
</html> |
Ik wil als ik in die <div> m'n tekst aan het tikken ben, en ik op [enter] druk, hij ook daadwerkelijk naar de volgende regel gaat, of desnoods een nieuwe <p> begint.
Maar dat lukt dus niet. Wat doe ik fout?
Oh en nog iets, nu ik toch bezig ben
Wat ik van MSDN begreep is dat de functie execCommand("RemoveFormat") alle zooi die gegenereerd is rondom de tekst-selectie, wordt weggehaald. Maar die doet het ook nie
Welke guru helpt mij uit de brand?
/u/7289/crop5f3f97f3c5bb2_cropped.png?f=community)
IE 6.0.2600.0000
:strip_icc():strip_exif()/u/16240/soundwave.jpg?f=community)