CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede roadrunr Nybegynder
21. august 2000 - 23:41 Der er 18 kommentarer og
1 løsning

DHTML Editor Component (i gang med...)

Jeg har været det meste af \"microsoft.com\" i gennem for at lære om \"DHTML Editor Component\" og komme i gang med at bruge den. Men jeg synes informationer er alt for mange og svære at forstå.

Derfor søger jeg hjælp til at komme i gang. Jeg skulle gerne bruge lidt hjælp til hvordan man:

- definere sit redigeringsfelt(iframe, object?) hvilke ting man skal gøre for at man kan skive i feltet.

- eksempler på hvordan man bruger CommandExec/QueryStatus-commandoer m.m.

- Evt en idé til hvordan man henter og gemmer i en database.

jeg er ikke særlig interesseret i at folk indsætter links til ms.com, men i stedet at de poster lidt kode, eller evt. et link til en slags toturial på nettet.

På forhånd tak.

Avatar billede erikjacobsen Ekspert
22. august 2000 - 00:33 #1
Prøv http://webfx.eae.net/dhtml/richedit/editor.html
og http://www.siteexperts.com/tips/contents/ts12/page1.asp
Avatar billede jumper Nybegynder
22. august 2000 - 03:59 #2
Alt hvad du har brug for er

document.designMode
execCommand() (på enten document eller en textRange)
og textRanges.

Sålænge du skal bruge dette i browseren og ikke i et selvstændigt program, behøves du aldrig at kalde ActiveX komponenten direkte.

Kort fortalt:

Du har en IFRAME på din side, hvor du sætter document.designMode til \"on\". Nu kan brugeren bruge piletasterne, og de andre gængse redigeringsmuligheder, indeni dokumentet i denne IFRAME. Når brugeren så trykker på din Bold knap, er koden såmænd meget simpel:

var range = IFRAME.document.selection.createRange()
range.execCommand(\"Bold\")

Ovenstående forudsætter selvf. at brugeren har valgt noget i siden, hvilket der også skal tjekkes for.

WebFx og SiteExperts har nogle udmærkede sider der hurtigt demonstrerer grundprincipperne (Fed, Kursiv, Understreget, Skriftstørrelse, osv...)

Når du har fået lavet en grundmodel, og evt. vil lægge mere funktionalitet i, kan du bare vende tilbage hertil.

/Thor
Avatar billede roadrunr Nybegynder
22. august 2000 - 08:51 #3
jumper: Tak for introduktionen. Jeg har selv været lidt på de 2 andre sidder du nævner(sammen med \"erikjacobsen\"). Og det har også virket fint. Men når jeg f.eks. vil tilføje funktioner som \"punkttegn\" m.m. så kan jeg ikke rigtig finde ud af hvilke commands jeg skal bruge.
Inde på microsoft.com har de tilsyneladende en anden metode til at manipulere teksten, hvor de bruger noget ala.

retVal = object. QueryStatus( DECMD_BOLD ) ???
object. ExecCommand DECMD_BOLD ????

hvor man har et javascript, som indeholder nogle værdier svarende til \"CMDID\'et\"
Kan man ikke bruge deres metode? Fordi inde på deres side, har de en lang liste over alle de funtioner/commandoer man kan kalde, hvilke jeg ikke har fundet tilsvarende andre steder.
Avatar billede jumper Nybegynder
22. august 2000 - 08:57 #4
object er din textrange og DECMD_BOLD er blot en streng, der højst sandsynligt indeholder \"Bold\" ;)

De relevante sider på MSDN er

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/execcommand.asp

og en (delvis) liste over funktioner

http://msdn.microsoft.com/workshop/author/dhtml/reference/commandids.asp

\"punkttegn\" ?

/Thor
Avatar billede roadrunr Nybegynder
22. august 2000 - 09:07 #5
ja dem har jeg siddet og kigget på i timevis, men jeg kan ikke finde ud af at bruge den rigtig(tilsyneladende).

punkttegn!

- Punkt1
- Punkt2
- Punkt3

hvor man kan få dem med \"dots\" og \"numbers\"

? DECMD_BOLD indeholder en værdi som \"1\" eller \"234\" (altså et tal)
Avatar billede jumper Nybegynder
22. august 2000 - 09:14 #6
ahh punkttegn, execCommand(\"InsertOrderedList\") eller execCommand(\"InsertUnorderedList\"). Kig på listen over funktioner *s*

Hvad angår tal i DECMD_BOLD er det ikke så mærkeligt, en CMDID kan være både en streng og et tal.

/Thor
Avatar billede roadrunr Nybegynder
22. august 2000 - 09:18 #7
Poster lige lidt kode: Kan du venligst fortælle mig hvorfor det ikke virker?
------------------------
<html>
<head>
    <title>Untitled</title>
    <script language=\"JavaScript\" src=\"dhtmled.js\"></script>
    <script>
       
    function CMD_BOLD_onclick() {
        var range = myEditor.document.selection.createRange()
        range.ExecCommand(DECMD_BOLD)
    }
   
   
    </script>
</head>

<body>


<input type=\"button\" value=\"B\" onClick=\"CMD_BOLD_onclick();\">

<iframe width=\"400\" height=\"300\" id=\"myEditor\"></iframe>

<script>
    myEditor.document.designMode = \"on\";
</script>

</body>
</html>
----------------------------------
i den linkede javascriptfil ligger alle cmdid\'s.
Avatar billede jumper Nybegynder
22. august 2000 - 09:22 #8
range.ExecCommand skal være range.execCommand (lille e).

Hvis der stadig er fejl må du give et link til dhtmled.js, jeg aner jo ikke hvad der er i den *S*

/Thor
Avatar billede roadrunr Nybegynder
22. august 2000 - 09:30 #9
http://msdn.microsoft.com/downloads/samples/internet/libraries/ie5_lib/default.asp

vælg: View Source --> dhtmled.js
Avatar billede jumper Nybegynder
22. august 2000 - 09:42 #10
dhtmled.js og de standard variabler der er i den er jo beregnet til brug med DHTML Editing Component når du indlæser den som en ActiveX komponent.

Hvis du erstatter

range.ExecCommand(DECMD_BOLD)

med

range.ExecCommand(\"Bold\")

vil det virke som beregnet.

/Thor
Avatar billede roadrunr Nybegynder
22. august 2000 - 09:44 #11
Det lyder meget rigtigt. :)
Avatar billede dudal Nybegynder
22. august 2000 - 10:49 #12
Er det lykkedes nogen af jer at indsætte \"custom\" tags?

Altså noget i stil med:
range = myEditor.document.selection.createRange()
range = \"<myTag>\" + range + \"</myTag>\"

Det er det jeg ser som det største problem  med den.

Mvh
Jesper
www.builder.dk
Avatar billede jumper Nybegynder
22. august 2000 - 10:53 #13
dudal, kig på http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_TextRange.asp

range = myEditor.document.selection.createRange()

Ovenstående linje laver et TextRange objekt, og ud fra listen af Methods på ovenstående link finder man pasteHTML og på listen af Properties finder man htmlText, hvilket gør at du kan sige

range.pasteHTML(\"<mytag>\" + range.htmlText + \"</myTag>\")

/Thor
Avatar billede roadrunr Nybegynder
22. august 2000 - 10:59 #14
Vha. komponenten, kan man indsætte billeder(hvilket virker fint(for mig)). Men i stedet for at man finder et billede på sin egen harddisk - kan man så ikke lave en \"ting\", hvor man finder et billedet på serveren? I så fald, hvordan kan sådan noget laves?
Avatar billede krogstrup Nybegynder
22. august 2000 - 11:43 #15
(lytter)
Avatar billede jumper Nybegynder
22. august 2000 - 12:50 #16
range.execCommand(\"InsertImage\",false,\"http://www.dinserver.dk/ditbibliotek/ditbillede.gif\")

Har I kigget på http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_TextRange.asp ? ;)

/Thor
Avatar billede roadrunr Nybegynder
23. august 2000 - 11:24 #17
jumper: jeg har lavet funktion som selv opretter links. Men hvordan kan jeg spcificere target?

Så at den kan åbne i nyt vindue?
Avatar billede jumper Nybegynder
23. august 2000 - 16:35 #18
roadrunr, det kan du ikke specificere direkte i kaldet til execCommand(\"CreateLink\").

Istedet kan du tilføje et target enten når du gemmer dokumentet eller lige efter du har indsat linket.

function AddTarget(){
  var l = myEditor.document.links;
  var ll = l.length;
  for (var i=0;i<ll;i++){
    l[i].target = \"_blank\"
  }
}

/Thor
Avatar billede roadrunr Nybegynder
05. september 2000 - 10:30 #19
takker for hjælpen.

kan du evt. fortælle mig hvordan jeg sætter en standard bgcolor i design-vinduet?
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

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
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
42 min siden pc hakker og lagger Af Gabi i Windows
I dag 09:22 Slet automatisk indehol i felt så det blivet tomt Af gylling i Excel
I går 20:16 Ai genererede billeder Af Anja de Thurah i Fri debat
I går 20:02 Prosonic tv Af Slettet bruger i Fjernsyn & projektorer
I går 16:05 HIKvision Harddisk og kameraer kan ikke findes på nyt Fibernet Af Computerwolrd! i Wifi
White papers
Flere white papers »


Premium
Teaser billede
Socialdemokratiet vil give massiv offentlig støtte til europæiske AI-virksomheder
Læs mere »
Interne mails afslører: Derfor besluttede Microsoft at investere milliarder i OpenAI i 2019
Jakob Høholdt fratræder som CEO for Sentia: Indsætter ny topchef fra Aeven
Åbner for en af Danmarks største it-konsulentaftaler til 2,3 milliarder kroner
Se alle »
Computerworld
Teaser billede
Apotekskæde lukker alle butikker efter "cybersikkerhedshændelse"
Læs mere »
Hypet browser bliver nu lanceret til Windows: Skal blive til et styresystem for internettet
Test: Disse små højttalere til 44.000 kroner per sæt vil blæse dig bagover - både visuelt og lydmæssigt
Test: Vi vil altså virkeligt gerne beholde HP's nye pc - men den koster 360.000 kroner
Se alle »
CIO
Teaser billede
Top-CIO Anne Nørklit færdig hos Tryg: “Jeg vil bruge sommeren på at overveje, hvad fremtiden skal bringe”
Læs mere »
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Her er Trygs nye CIO - afløser Anne Nørklit Lønborg
Tre måneder efter exit fra Scandiavian Tobacco: Top-CIO Kenneth Messerschmidt har landet nyt job
Se alle »
Job & Karriere
Teaser billede
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Læs mere »
Knap 40 procent af disse it-folk tjener tjener mindst 57.000 kroner om måneden
Medarbejderne fik udleveret badetøfler ved indflytningen: Kom med inden for i IBM Danmarks nye topmoderne hovedkontor
Så meget tjener dine kollegaer: Her er alle data fra Computerworlds store it-lønstatistik for 2024
Se alle »
White paper
Teaser billede
Unbreakable - sådan sikrer du dig vedvarende og uafbrudt adgang til dine data
Læs mere »
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Guide: Sådan udvikler du en moderne netværksstrategi
MDR: Transparent sikkerhed og overvågning i realtid
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »