Søg
Avatar billede tos Praktikant
20. november 2001 - 12:05 Der er 14 kommentarer og
1 løsning

Spg. til WYSIWYG editor i MSHTML

Jeg er ved at lave en WYSIWYG HTML editor (til browser). Jeg har lavet standard editoren, men jeg ved ikke hvad jeg skal gøre med følgende:

1. Jeg vil gerne lave en knap der kan indsætte et billede i editoren. Til det findes der en kommando \"InsertImage\", men den indsætter bare <IMG>! Jeg har stien til billedet, og jeg har forsøgt at:
  execCommand(\'Paste\', \"<img src=\\\"http://www.tmp.dk/picture.gif\\\">\");
men derved indsættes det bare som text.
Hvordan indsættes billedet \"rigtigt\"???


2. Jeg vil gerne kunne styre om de links der oprettes med \"CreateLink\" skal åbne i nyt vindue (_blank)... Hvordan????
Avatar billede olebole Juniormester
20. november 2001 - 12:10 #1
<ole>
Prøv at skrive en URL til det, du har lavet. Der er ikke nogen \'standard editor\', så du kan jo have lavet, hvad som helst  ;o)
/mvh
</bole>
Avatar billede tos Praktikant
20. november 2001 - 12:50 #2
http://www.tinx.dk/TinX_CMS/
Avatar billede tos Praktikant
20. november 2001 - 12:51 #3
... Vælg Administration -> Edit på eks. \"ny støvsuger\" og klik på det gule billede i højre side
Avatar billede olebole Juniormester
20. november 2001 - 12:57 #4
Hvilket billede?
/mvh
Avatar billede tos Praktikant
20. november 2001 - 13:06 #5
under toolbar\'en er det er et link \"Billeder\"...
Avatar billede olebole Juniormester
20. november 2001 - 13:17 #6
Jeg tror, du skal se på noget useability ......jeg ser ikke noget link  :o)
/mvh
Avatar billede tos Praktikant
20. november 2001 - 13:30 #7
1. http://www.tinx.dk/TinX_CMS/ 
2. Vælg Administration i den blå linie
3. Ved dokumentet \"Torben\" vælger du Edit (i højre side)
4. Tryk på \"Create section\" i menulinien
5. Lige over IFRAME\'en er der et link \"Billeder\"

NB: Virker kun i IE5+
Avatar billede olebole Juniormester
20. november 2001 - 13:41 #8
Tak .....oplysningen om \'Create section\' hjalp jo en *hel* del  ;o)

Du bruger vist \'insertImage\' forkert. Prøv at kikke her:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/constants/InsertImage.asp

Den skal bruges sammen med execCommand() - og du skal sørge for at have et passene range.
Hvorfor drag\'er du det ikke bare ind i feltet?
/mvh
Avatar billede olebole Juniormester
20. november 2001 - 13:44 #9
Link\'et må du enten paste ind efter at have defineret det i eget interface eller lave en JS-funktion, der går tilbage og sætter et target på seneste link.
/mvh
Avatar billede tos Praktikant
20. november 2001 - 14:00 #10
execCommand(\'InsertImage\'), men så vises en dialog box, hvor jeg kan browse efter et billede lokalt på disken!
Tak for tippet med drag-n-drop... det virker fint, så jeg tror jeg ændre hjælpen til at man SKAL gøre det, for at indsætte et billede :)

Mht. Links: Du mener jeg selv skal lave et layer som indeholder et felt, som man kan indtaste en URL i og selv paste linket ind! Ok... men hvordan beholder jeg så formateringen på linkent???
Alternativt kunne jeg i forbindelse med submit, gennemløbe teksten og lede efter <a href=... og tilføje \"target=_blank\"
Avatar billede olebole Juniormester
20. november 2001 - 14:22 #11
Du skal checke dokumentationen ...det er derfor, jeg skriver linket. InsertImage, tager *3* argumenter, hvor du bl.a. kan bestemme, om der skal vises et standard interface til browsing efter billedet.

Det sidste er smart, men hvad nu, hvis brugeren har valgt \'mailto\'...?
Hvad mener du med at beholde formateringen?
/mvh
Avatar billede tos Praktikant
20. november 2001 - 14:34 #12
Gi\' lige et eks. på hvordan man kalder InsertImage med 3 args.!

Formatering: Så ord der er links, er understreget men uden at man kan se hvad der linkes til (eks. som hvis du laver et link i word)!
Avatar billede olebole Juniormester
20. november 2001 - 15:18 #13
range.execCommand(\'insertImage\',false,\'dit_pic.gif\');

range.pasteHTML(\'<a href=\"Noget.html\" target=\"_blank\">\' + range.htmlText + \'</a>\');

...dit \'range\' skal selvfølgelig være defineret først  ;o)
/mvh
Avatar billede tos Praktikant
20. november 2001 - 15:46 #14
Takker, takker og takker igen for de dejlige svar.... værse\'sgo\'
Avatar billede olebole Juniormester
20. november 2001 - 15:48 #15
....anytime - og takker  ;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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »