Avatar billede rudi1234 Nybegynder
27. august 2004 - 10:23 Der er 14 kommentarer

alert ved "onPaste"

Jeg har en WYSIWYG hvor jeg gerne vil have en alert-boks frem når folk forsøger at paste tekst ind.

De skal have besked om at de bør bruge en særlig "fjern formatering"-funktion efterfølgende, så al mulig irriterende formatering fra fx Word (hvis de indsætter herfra) ikke ødelægger layoutet.

Ligesom man fx kan bruge onClick på body-tag, kan man ikke lave en slags funktion der hedder onPaste som tjekker om man forsøger at paste noget ind i et element?
Avatar billede ldanielsen Nybegynder
27. august 2004 - 10:28 #1
lytter ...
Avatar billede steen_hansen Forsker
27. august 2004 - 10:31 #2
Dette script fungerer i MSIE, men ikke i NS. Men man kan ikke paste noget ind i textboksen:

<body>

<head>
<title></title>
<script type="text/javascript">
function keyHandler() {
event.cancelBubble=true;
event.returnValue=false;
return false;
}
</script>
</head>

<body>

<input type=password onpaste="keyHandler();">

</body>

</html>


At sætte en alert på også kan ikke være så svært, prøver lige at rode med det.
Avatar billede steen_hansen Forsker
27. august 2004 - 10:35 #3
Nu har jeg en alert på en knap, når man ønsker at slette sin profil. Jeg ved ikke helt hvordan den skal omskrives (håber roenving træder til):

<input type="button" value="Ja, slet min profil" onclick="if(confirm('Er du sikker på at du vil slette din profil for altid?')) frmDeleteProfile.mode.value='delete'; frmDeleteProfile.submit()">
Avatar billede rudi1234 Nybegynder
27. august 2004 - 10:37 #4
Hvor enkelt! Jeg vidste ikke at der fandtes en funktion der hed "onpaste".

Dette løser mit behov:

<body>

<head>
<title>
   
</title>

</head>

<body>

<input type=text onpaste="alert('Vil du virkelig indsætte noget crap fra Word?');">

</body>

</html>
Avatar billede steen_hansen Forsker
27. august 2004 - 10:40 #5
Det var jo mere enkelt :o)
Avatar billede rudi1234 Nybegynder
27. august 2004 - 11:02 #6
Ja..., men faktisk er der et nyt problem:

Der hvor der kan pastes tekst ind, er en iframe (eller den html-side der loades i iframen), og tilsyneladende virker onpaste ikke på sådan en. Heller ikke på fx <body> eller <table>

Er der nogen der har en løsning?
Avatar billede steen_hansen Forsker
27. august 2004 - 11:05 #7
Hvad med at droppe din iframe? Måske lidt dumt spørgsmål, men jeg ved ikke hvordan din side ser ud :o)
Avatar billede boris Mester
27. august 2004 - 11:24 #8
->rudi1234 jeg forstår ikke det sidste du skriver. Man kan da ikke paste ind i en iframe i sig selv, men kan man ikke bruge den når der pastes i f.eks. en textarea inde i iframmeren?
Avatar billede rudi1234 Nybegynder
27. august 2004 - 11:36 #9
Jeg vil helst ikke droppe den da den er integreret gundigt i mit hjemmeside-CMS. Men det fungerer sådan at selve teksten der skal redigeres, hentes ind i en iframe, og iframen henter teksen fra en html-fil:

<iframe id="wysiwyg" src="text.html"></iframe>

Men det er sikkert det der er problemet; at man ikke kan paste i et iframe-element og heller ikke i body-elementet i "text.html"...

Men jeg håber at der er en der kan løse det!
Avatar billede steen_hansen Forsker
27. august 2004 - 11:40 #10
Der findes mange eksperter, så jeg er sikker på, at det nok skal lykkes på en eller anden måde. Personligt synes jeg det er en smule omstændigt, den måde du har bygget det op på. Eller ..?  :o)
Avatar billede steen_hansen Forsker
24. september 2004 - 18:02 #11
Fandt du ud af noget?
Avatar billede rudi1234 Nybegynder
24. september 2004 - 18:08 #12
Nej, jeg har ikke fundet en løsning. Men som du foreslår, er det nok bedst at bygge min wysiwyg op på en anden måde (så den får et tekstfelt til at indeholde den html der skal redigeres).
Onpaste virker tilsyneladende (og logisk nok) kun på elementer hvor der naturligt kan pastes ind i...
Avatar billede rudi1234 Nybegynder
24. september 2004 - 18:08 #13
... men jeg lader den lieg stå åben lidt endnu... :o)
Avatar billede steen_hansen Forsker
24. september 2004 - 19:41 #14
Ok. Held og lykke :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester