Universitetet i Tromsø
Fakturamottak
NO-9019 Tromsø
Organisasjonsnummer
970 422 528
WYSIWYG-editor - html-vasking, diverse tips og registrert 'hikke' i TinyMCE
Vi bruker en Open Source-editor i løsningen, og den vil til en hver tid ha en del 'særheter' og bugs - som endres i påfølgende versjon. Jeg skal prøve å holde deg oppdatert mht. status i dette dokumentet. Så sjekk innom hvis du står fast.
Den største utfordringen er browserstøtte, som er - i beste fall - variabel. Noe som fungerer greit i IE kan feile i Firefox eller Opera. Det er derfor viktig at du gir oss tilbakemelding hvis du oppdager slike feil, slik at vi kan informere leverandøren om dem.
Det vil til en hver tid være bugs i den TinyMCE-versjonen vi kjører. De viktigste vil vi informere om her - men du kan også sjøl delta i jakten via brukerforumet .
Registrerte feil:
- Hvis du har laget en lenke i et dokument - og senere vil endre denne, slett den eksisterende før du legger den inn igjen. Vi har opplevd at sjøl om du merker eksisterende lenketekst, velger endre - og legger inn ny url - så blir den gamle lenka tatt vare på et eller annet sted i TinyMCE. Merker du, sletter lenka - og legger inn den nye så forsvinner problemet.
- P (paragraph) kan fungere dårlig (vi endrer og endrer, men problemet har en tendens til å dukke opp igjen) i enkelte editorer. Hvis du vil unngå problemer, fjern derfor alle disse taggene og erstatt dem med et ønsket antall Shift + CR (BR) for å lage luft i teksten.
Lokale endringer i standard-editoren: (Brødtekst osv.)
- Understreket skrift - som er forbeholdt lenker - er nå fjernet som knappevalg.
- Tabeller: Husk at width bør angis i prosent. Sett 'full' tabell til 100%. Store pixlesatte tabeller kan skape problemer/sprenge hele designet vårt.
- Vi har også ekskludert en del andre html-tagger fra vaskingen. Men det vil naturligvis alltid dukke opp nye. Prøver du å lime inn html-kode som feiler, sjekk originalkoden med den som ligger i editoren - slik at du ser hva som vaskes bort. Og derfor bør inkluderes i lista under. Men merk at vi er ganske strikte med kode som kommer i konflikt med designet for nettsidene.
Per dato ser den samla lista slik ut: - a[ref|name|id|target|rel|title|mouseover|mouseout]
- area[shape|coords|href]
- br
- 1 embed[src|width|height|align|name|pluginspage|pluginurl|hidden|href|target|
autostart|loop|playcount|volume|controls|controller|mastersound|starttime|
endtime|movie|quality|bgcolor|allowScriptAccess|type|menu|wmode|
allowFullScreen] - form[action|method]
- hr[class|width|size|noshade]
- iframe[align|class|frameborder|height|width|vspace|hspace|marginheight|marginwith|
id|name|scrolling|style|title] - img[src|width|height|hspace|vspace|border|alt|name]
- input[name|type|value]
- li
- map[name|id]
- object[style|width|hight|classid|codebase]
- ol
- p[align]
- param[name|value]
- small
- table[style|cellpadding|cellspacing|class|height|align|border|valign|width|bgcolor|
bordercolor|tbody] - thead[style]
- tr[style|class|height|align|valign|width|rowspan|bgcolor]
td[style|width|height|colspan|rowspan|align|valign|bgcolor] - thead[class]
- ul
Lokale endringer i enkel-editoren: (Ingress)1 embed liker dårlig 'innpakking' i object osv. Hvis du får problemer med vaskingen, prøv å lime inn bare sjølve embed-koden og se om ikke det hjelper. Deretter legger du på miljøfaktorene rundt - men sjekk hele tida at embed-koden forblir uforandret.
- Etter en periode med mye rart i ingressene slo vi på 'rå' vasking av innholdet 21.5.2008. Slik at det nå kun er mulig å skrive inn ren tekst - som blir formattert i tråd med designet.
Eneste lovlige tagger i denne editorutgaven er nå:
p
br
Absolutt alt innhold ut over dette blir vaska ved lagring eller når du bruker 'kosten'. Du finner mer om dette i prosjektreferatet fra 21.5.2008.
Innliming av tekst
Vi anbefaler at all innlimt tekst vaskes - med 'kosten' i ikonlinje 2 (Standard visning) - Denne vaskingen skjer uansett ved lagring, så da er det like greit å se sluttresultatet mens du jobber med det.
Tidligere feil som nå er løst:
Det går nå fint an å sette kolonnebredde via WYSIWYG grensesnittet. Du behøver altså ikke lenger å gå direkte inn i html-koden ('html'-knapp i knapperekka til høyre) og legge til width="xx%" i den TD-en (kolonnen) du ønsker å breddesette. Bruk ikonrekka til tabell i editoren i stedet. Også fargesetting osv. fungerer nå.
Men vi kan fremdeles ikke installere sisteversjon av TinyMCE på egenhånd, siden iKnowBase har modifisert editoren pga. fil-, lenke-, media- og bildearkivfunksjonaliteten sin. Derfor må vi vente på nye versjoner til det leveres oppgradering av både editor og iKB-kode.
Administrators
Å huske på i forbindelse med oppgradering:
- For å sikre at TinyMCE Enkel ikke blir overskrevet, bruk konfig med ID=84367
- iKB Lenkearkivet: Her blir 'Legg til'-knappen overskrevet ved oppgradering. Følgende må derfor gjøres manuelt:
1) Søkekilde med ID=5561: legg inn følgende kode øverst på flik HTML form:
begin
UIT_SOLUTION_FUNCTION! S.uit_show_addbutton_link(28674, 'Legg til Lenke');
end;
2) På side: http://uit.no/desktop/common/linkarchive?_mode=16&editorname=mce_editor_1, endre oppsett på dimensjonsnavigator: Sett topnode lik Lenkearkiv