där doc är referens till ifram-en och content är koden som skickas in.
Nu vill jag ta ut koden efter att ha redigera den i min ifram. Detta gör jag med:
Problemet är att innerHTML skapar HTML-kod utifrån DOM-trädet. Alltså finns det ingen garanti för att koden du får ut ser exakt likadan ut som det du skickar in. Däremot fungerar den likadant. I detta fall skrivs varje specifikt CSS-attribut ut , t ex. BORDER: #aaaaaa 1px dashed; kan ses som en genväg till att skriva ut regler för border-top, bottom, left och right. Koden gör ju dock samma sak.
Finns det någon särskild anledning varför koden måste se exakt likadan ut?
Tack så mycket nitro!
Som ni säkert förstår så har jag byggt en WYSIWYG-editor ampassad efter min smala småtjuriga modell. Njaa, det är kul att lära sig hur det fungerar och det är nog främsta anledningen.
Jag kommer att spara koden i ett format som jag vill ha så resurs-snålt som möjligt, med andra ord så vill jag att all hemsidekod ska ta så lite plats som möjligt. Den laddas in i editorn redigeras och sparas om på samma sätt som alla andra editorer.
Sen kan det ju vara kul att få bestämma över vad maskinerna gör, och jag är övertygad om att det finns fler funktioner i JavaScript som gör samma sak, eller att det går att påverka DOM-trädet på något sätt!
Om du vill att sidan ska bli så resurssnål som möjligt samt öka chanserna att få ut samma kod som du stoppar in så har jag ett förslag som slår två flugor i en smäll. Låt bli att använda style-attributet och använd CSS-klasser istället.
Eller, byt ut din lösning mot en färdig WYSIWYG-lösning. Med stor sannolikhet så är den koden både bättre rent i allmänhet, och ger renare HTML-kod tillbaka.
Tack för tipset, men nu är det ju så att jag försöker lösa de begränsningar jag tycker att färdiga program har. Så jag fortsätter gärna söka mig fram så gott jag kan, med hjälp av er!
Om jag ville använda en fördig lösning så skulle jag troligtvis inte vara här, ellerhur?
139 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
