Licht nur in bestimmten Block soll funktionieren bearbeitet von Henry 21.01.2021 23:12 Hallo Rolf, > du setzt voraus, dass die Leute vollständig lauffähige Codesnippets posten. Das ist zumeist nicht der Fall, bzw. man muss ohnehin ran und Sachen ändern damit es läuft. > Nein setze ich nicht voraus. Viele Sachen die gefragt werden erzeugen zwar kein sauberes HTML, trotzdem ist dadurch zu erkennen was gemeint ist. Bsp. <h1>text</h1> Wie kann ich eine Hintergrundfarbe einsetzen? Da brauchts kein Grundgerüst, damit der Browser das trotzdem darstellt. > Das war hier auch der Fall. Ich hab ein Fiddle draus gemacht und musste zumindest mal die URLs ändern damit die Bilder kamen. > Siehst du, dass musstest du erst machen. Wäre aber auch so möglich gewesen: (bitte das hier mal in die Adresszeile einfügen) ~~~ data:text/html,<body oninput="i.srcdoc=h.value" onload="h.value=window.atob(h.value);i.srcdoc=h.value"><style>textarea,iframe{width:40vw;height:80vh;margin:10;border:3px dotted black;}body, html{margin:2%;width:100%;}textarea{width:33.33%;font-size:18}</style><h1>Hier Text oder HTML eingeben</h1><textarea placeholder=HTML id=h>PCFET0NUWVBFIGh0bWw+DQo8aHRtbCBsYW5nPSJlbiI+DQo8aGVhZD4NCiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+DQogICAgPHRpdGxlPmRyb2huZTwvdGl0bGU+DQogICAgPHN0eWxlPg0KICAgICAgICBodG1sIHsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgICB9DQogICAgICAgIGJvZHkgew0KICAgICAgICAgICAgcGFkZGluZzogMDsNCiAgICAgICAgICAgIG1hcmdpbjogMDsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgICAgfQ0KDQogICAgICAgIC5jYW52YXMgew0KICAgICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoIlNvbGFycGFyay1PYmVybGF1ZGEuanBnIikgbm8tcmVwZWF0IGNlbnRlcjsNCiAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7DQoNCiAgICAgICAgfQ0KDQogICAgICAgIC5zZWFyY2hsaWdodCB7DQogICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgICAgICB6LWluZGV4OiAxMDA7DQogICAgICAgICAgICBoZWlnaHQ6IDgwMHB4Ow0KICAgICAgICAgICAgd2lkdGg6IDgwMHB4Ow0KICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAxMDB2aCAxMDB2dzsNCiAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7DQogICAgICAgICAgICBib3JkZXItY29sb3I6ICMwMDA7DQogICAgICAgICAgICB0b3A6IC0xMDB2aDsNCiAgICAgICAgICAgIGxlZnQ6IC0xMDB2dzsNCiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMwMDA7DQogICAgICAgICAgICAtbW96LWJveC1zaXppbmc6IGNvbnRlbnQtYm94Ow0KICAgICAgICAgICAgLXdlYmtpdC1ib3gtc2l6aW5nOiBjb250ZW50LWJveDsNCiAgICAgICAgICAgIC1tcy1ib3gtc2l6aW5nOiBjb250ZW50LWJveDsNCiAgICAgICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Ow0KDQoNCg0KICAgICAgICB9DQogICAgICAgIC5zZWFyY2hsaWdodC5vbiB7DQogICAgICAgICAgICBiYWNrZ3JvdW5kOiAtbW96LXJhZGlhbC1ncmFkaWVudChjZW50ZXIsIGVsbGlwc2UgY292ZXIsICByZ2JhKDAsMCwwLDApIDAlLCByZ2JhKDAsMCwwLDApIDUwJSwgcmdiYSgwLDAsMCwxKSA2MCUsIHJnYmEoMCwwLDAsMSkgMTAwJSk7IC8qIEZGMy42KyAqLw0KICAgICAgICAgICAgYmFja2dyb3VuZDogLXdlYmtpdC1yYWRpYWwtZ3JhZGllbnQoY2VudGVyLCBlbGxpcHNlIGNvdmVyLCAgcmdiYSgwLDAsMCwwKSAwJSxyZ2JhKDAsMCwwLDApIDUwJSxyZ2JhKDAsMCwwLDEpIDYwJSxyZ2JhKDAsMCwwLDEpIDEwMCUpOyAvKiBDaHJvbWUxMCssU2FmYXJpNS4xKyAqLw0KICAgICAgICAgICAgYmFja2dyb3VuZDogLW8tcmFkaWFsLWdyYWRpZW50KGNlbnRlciwgZWxsaXBzZSBjb3ZlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogT3BlcmEgMTIrICovDQogICAgICAgICAgICBiYWNrZ3JvdW5kOiAtbXMtcmFkaWFsLWdyYWRpZW50KGNlbnRlciwgZWxsaXBzZSBjb3ZlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogSUUxMCsgKi8NCiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChlbGxpcHNlIGF0IGNlbnRlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogVzNDICovDQogICAgICAgIH0NCiAgICAgICAgLmNlbnRlciB7DQogICAgICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOw0KDQogICAgICAgIH0NCiAgICAgICAgLmJpbGQgew0KICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgICB9DQogICAgICAgIC5laW5zIHsNCiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGFxdWE7DQogICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgIGhlaWdodDogMzAwcHg7DQoNCiAgICAgICAgfQ0KICAgICAgICAuendlaSB7DQogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVldmlvbGV0Ow0KICAgICAgICAgICAgaGVpZ2h0OiAzMDBweDsNCg0KICAgICAgICAgICAgYm90dG9tOiAwOw0KICAgICAgICAgICAgd2lkdGg6IDEwMCU7DQoNCiAgICAgICAgfQ0KICAgIDwvc3R5bGU+DQo8L2hlYWQ+DQoNCjxib2R5Pg0KDQogICAgPGRpdiBjbGFzcz0iZWlucyI+PC9kaXY+DQogICAgPGRpdiBjbGFzcz0iY2FudmFzIj4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImJpbGQiPjxpbWcgc3JjPSJkcm9obmUxLnBuZyIgYWx0PSIiIGNsYXNzPSJjZW50ZXIiPjwvZGl2Pg0KICAgIDwvZGl2Pg0KICAgIDxkaXYgY2xhc3M9Inp3ZWkiPjwvZGl2Pg0KPGRpdiBjbGFzcz0ic2VhcmNobGlnaHQiPjwvZGl2Pg0KDQo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9hamF4Lmdvb2dsZWFwaXMuY29tL2FqYXgvbGlicy9qcXVlcnkvMy4yLjEvanF1ZXJ5Lm1pbi5qcyI+PC9zY3JpcHQ+DQo8c2NyaXB0Pg0KICAgICQoJy5zZWFyY2hsaWdodCcpDQogICAgICAgIC5vbignbW91c2Vtb3ZlJywgZnVuY3Rpb24oZXZlbnQpIHsNCiAgICAgICAgICAgICQodGhpcykuYWRkQ2xhc3MoJ29uJykuY3NzKHsnbWFyZ2luLWxlZnQnOiBldmVudC5wYWdlWCAtIDQwMCwgJ21hcmdpbi10b3AnOiBldmVudC5wYWdlWSAtIDQwMH0pOw0KICAgICAgICB9KQ0KICAgICAgICAub24oJ21vdXNlb3V0JywgZnVuY3Rpb24oZXZlbnQpIHsNCiAgICAgICAgICAgICQodGhpcykucmVtb3ZlQ2xhc3MoJ29uJyk7DQogICAgICAgIH0pDQoNCjwvc2NyaXB0Pg0KPC9ib2R5Pg0KPC9odG1sPg==</textarea><iframe id=i></iframe> ~~~ Gruss Henry -- Meine Meinung zu DSGVO & Co: „Principiis obsta. Sero medicina parata, cum mala per longas convaluere moras.“
Licht nur in bestimmten Block soll funktionieren bearbeitet von Henry 21.01.2021 23:16 Hallo Rolf, > du setzt voraus, dass die Leute vollständig lauffähige Codesnippets posten. Das ist zumeist nicht der Fall, bzw. man muss ohnehin ran und Sachen ändern damit es läuft. > Nein setze ich nicht voraus. Viele Sachen die gefragt werden erzeugen zwar kein sauberes HTML, trotzdem ist dadurch zu erkennen was gemeint ist. Bsp. <h1>text</text> Wie kann ich eine Hintergrundfarbe einsetzen? Da brauchts kein Grundgerüst, damit der Browser das trotzdem darstellt. > Das war hier auch der Fall. Ich hab ein Fiddle draus gemacht und musste zumindest mal die URLs ändern damit die Bilder kamen. > Siehst du, dass musstest du erst machen. Wäre aber auch so möglich gewesen: (bitte das hier mal in die Adresszeile einfügen) ~~~ data:text/html,<body oninput="i.srcdoc=h.value" onload="h.value=window.atob(h.value);i.srcdoc=h.value"><style>textarea,iframe{width:40vw;height:80vh;margin:10;border:3px dotted black;}body, html{margin:2%;width:100%;}textarea{width:33.33%;font-size:18}</style><h1>Hier Text oder HTML eingeben</h1><textarea placeholder=HTML id=h>PCFET0NUWVBFIGh0bWw+DQo8aHRtbCBsYW5nPSJlbiI+DQo8aGVhZD4NCiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+DQogICAgPHRpdGxlPmRyb2huZTwvdGl0bGU+DQogICAgPHN0eWxlPg0KICAgICAgICBodG1sIHsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgICB9DQogICAgICAgIGJvZHkgew0KICAgICAgICAgICAgcGFkZGluZzogMDsNCiAgICAgICAgICAgIG1hcmdpbjogMDsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgICAgfQ0KDQogICAgICAgIC5jYW52YXMgew0KICAgICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoIlNvbGFycGFyay1PYmVybGF1ZGEuanBnIikgbm8tcmVwZWF0IGNlbnRlcjsNCiAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7DQoNCiAgICAgICAgfQ0KDQogICAgICAgIC5zZWFyY2hsaWdodCB7DQogICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgICAgICB6LWluZGV4OiAxMDA7DQogICAgICAgICAgICBoZWlnaHQ6IDgwMHB4Ow0KICAgICAgICAgICAgd2lkdGg6IDgwMHB4Ow0KICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAxMDB2aCAxMDB2dzsNCiAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7DQogICAgICAgICAgICBib3JkZXItY29sb3I6ICMwMDA7DQogICAgICAgICAgICB0b3A6IC0xMDB2aDsNCiAgICAgICAgICAgIGxlZnQ6IC0xMDB2dzsNCiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMwMDA7DQogICAgICAgICAgICAtbW96LWJveC1zaXppbmc6IGNvbnRlbnQtYm94Ow0KICAgICAgICAgICAgLXdlYmtpdC1ib3gtc2l6aW5nOiBjb250ZW50LWJveDsNCiAgICAgICAgICAgIC1tcy1ib3gtc2l6aW5nOiBjb250ZW50LWJveDsNCiAgICAgICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Ow0KDQoNCg0KICAgICAgICB9DQogICAgICAgIC5zZWFyY2hsaWdodC5vbiB7DQogICAgICAgICAgICBiYWNrZ3JvdW5kOiAtbW96LXJhZGlhbC1ncmFkaWVudChjZW50ZXIsIGVsbGlwc2UgY292ZXIsICByZ2JhKDAsMCwwLDApIDAlLCByZ2JhKDAsMCwwLDApIDUwJSwgcmdiYSgwLDAsMCwxKSA2MCUsIHJnYmEoMCwwLDAsMSkgMTAwJSk7IC8qIEZGMy42KyAqLw0KICAgICAgICAgICAgYmFja2dyb3VuZDogLXdlYmtpdC1yYWRpYWwtZ3JhZGllbnQoY2VudGVyLCBlbGxpcHNlIGNvdmVyLCAgcmdiYSgwLDAsMCwwKSAwJSxyZ2JhKDAsMCwwLDApIDUwJSxyZ2JhKDAsMCwwLDEpIDYwJSxyZ2JhKDAsMCwwLDEpIDEwMCUpOyAvKiBDaHJvbWUxMCssU2FmYXJpNS4xKyAqLw0KICAgICAgICAgICAgYmFja2dyb3VuZDogLW8tcmFkaWFsLWdyYWRpZW50KGNlbnRlciwgZWxsaXBzZSBjb3ZlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogT3BlcmEgMTIrICovDQogICAgICAgICAgICBiYWNrZ3JvdW5kOiAtbXMtcmFkaWFsLWdyYWRpZW50KGNlbnRlciwgZWxsaXBzZSBjb3ZlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogSUUxMCsgKi8NCiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChlbGxpcHNlIGF0IGNlbnRlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogVzNDICovDQogICAgICAgIH0NCiAgICAgICAgLmNlbnRlciB7DQogICAgICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOw0KDQogICAgICAgIH0NCiAgICAgICAgLmJpbGQgew0KICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgICB9DQogICAgICAgIC5laW5zIHsNCiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGFxdWE7DQogICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgIGhlaWdodDogMzAwcHg7DQoNCiAgICAgICAgfQ0KICAgICAgICAuendlaSB7DQogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVldmlvbGV0Ow0KICAgICAgICAgICAgaGVpZ2h0OiAzMDBweDsNCg0KICAgICAgICAgICAgYm90dG9tOiAwOw0KICAgICAgICAgICAgd2lkdGg6IDEwMCU7DQoNCiAgICAgICAgfQ0KICAgIDwvc3R5bGU+DQo8L2hlYWQ+DQoNCjxib2R5Pg0KDQogICAgPGRpdiBjbGFzcz0iZWlucyI+PC9kaXY+DQogICAgPGRpdiBjbGFzcz0iY2FudmFzIj4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImJpbGQiPjxpbWcgc3JjPSJkcm9obmUxLnBuZyIgYWx0PSIiIGNsYXNzPSJjZW50ZXIiPjwvZGl2Pg0KICAgIDwvZGl2Pg0KICAgIDxkaXYgY2xhc3M9Inp3ZWkiPjwvZGl2Pg0KPGRpdiBjbGFzcz0ic2VhcmNobGlnaHQiPjwvZGl2Pg0KDQo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9hamF4Lmdvb2dsZWFwaXMuY29tL2FqYXgvbGlicy9qcXVlcnkvMy4yLjEvanF1ZXJ5Lm1pbi5qcyI+PC9zY3JpcHQ+DQo8c2NyaXB0Pg0KICAgICQoJy5zZWFyY2hsaWdodCcpDQogICAgICAgIC5vbignbW91c2Vtb3ZlJywgZnVuY3Rpb24oZXZlbnQpIHsNCiAgICAgICAgICAgICQodGhpcykuYWRkQ2xhc3MoJ29uJykuY3NzKHsnbWFyZ2luLWxlZnQnOiBldmVudC5wYWdlWCAtIDQwMCwgJ21hcmdpbi10b3AnOiBldmVudC5wYWdlWSAtIDQwMH0pOw0KICAgICAgICB9KQ0KICAgICAgICAub24oJ21vdXNlb3V0JywgZnVuY3Rpb24oZXZlbnQpIHsNCiAgICAgICAgICAgICQodGhpcykucmVtb3ZlQ2xhc3MoJ29uJyk7DQogICAgICAgIH0pDQoNCjwvc2NyaXB0Pg0KPC9ib2R5Pg0KPC9odG1sPg==</textarea><iframe id=i></iframe> ~~~ Gruss Henry -- Meine Meinung zu DSGVO & Co: „Principiis obsta. Sero medicina parata, cum mala per longas convaluere moras.“
nicht angemeldet
