[latex]Mae  govannen![/latex]

Das stimmt, ich weiss jetzt aber auch nicht ob  man das als Bookmarklet so hinbekommt:
If (~~~html

&& [code lang=css]){ merge style to head}

Nein. Was ist, wenn ein Beitrag z.B. wie folgt aufgebaut ist:
 -- MÖGLICHER BEITRAG --

Hallo! Ich habe Probleme mit einem [code lang=html]<div>

  
Es klappt mit  
~~~css
a#xy {color: red;  
float:left;}

aber nicht mit

a#xy {color: green;  
float: right;}

und hier ist mein HTML:

<div id="e33">  
<a href="/hurz.html">hurz</a>  
</div>

-- /MÖGLICHER BEITRAG --

So, nun habe ich zwei Blöcken mit [code lang=css] und zwei mit [code lang=html]

Wie soll eine Logik das sinnvoll zusammenbauen können? Unmöglich.

Cü,

Kai

hi,

Mit dem Helferlein, hätte ich vielleicht zumindest die browser "speichern unter" Funktion genommen und u.U. mal nach geschaut die Styles noch hinein zu kopieren.

Was ich mir vorstellen könnte wäre ein Submit-Button dass:

Den Inhalt in eine Neue Seite schreibt
Da es sich um HTML handelt, dürfen die HTML-eigenen Zeichen nicht maskiert werden, also muss (um besipielsweise XSS entgegen zuwirken)
 -- Jegliche Script-Geschichten wie <script> gefiltert werden
 -- Inline-Scripts wie onclick und was es da alles gibt gefiltert werden

Mit dem Rest, der übrig bleibt, kann man dann ein ganz einfaches HTML-Dokument erzeugen.
Wobei ein Limit für x Zeichen natürlich nicht verkehrt wäre.

Bleibt nur die frage, was man da alles falsch machen kann, wenn man eben die HTML-eigenen Zeichen nicht maskiert.
Wobei, wenn nur ein HTML-Dokument erzeugt wird, dürfte dass Risiko für Angriffe ja nicht sonderlich gross sein.
Da müssten aber die Experten ran, ich sehe keine nennenswürdigen Risiken, bis halt auf XSS-Attacken.

Vielleicht können wir hier einige Ideen zusammentragen und dann einen Dienst in dieser richtung anbieten ;)

Aber in anderen Fällen reicht es oft auch nur die Grundstruktur mal zu sehen :
https://forum.selfhtml.org/?t=181902&m=1203393

Das ist übersichtlich, nur, wenn man es Lokal testen will hat man wieder den Salat.

https://forum.selfhtml.org/?t=181993&m=1203983
*wobei hier sogar zusätzlich verlinkt war

Ein Online-beispiel ist durch nichts ersetzbar ;)

mfg

Moin.

du hast dir schon viel Mühe gemacht und ich vermute deine Lösung lässt sich nicht als bookmarklet so einfach umsetzen.

Warum denn nicht? Hier ist eine dummy-Lösung, bei der die eigentliche Funktionalität noch fehlt, aber zu Demo-Zwecken eignet es sich bereits:

javascript:void(eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('(6(){6 U(a){8 a.h(/<m>/g,'\n')}6 V(a){8 a.h(/<[^<>]+>/g,'')}6 W(a){8 a.h(/&1h;/g,' ').h(/&1i;/g,'<').h(/&1j;/g,'>').h(/&1k;/g,'"').h(/&1l;/g,'&')}6 s(a){7 b=3.1m('X'),x=[];y(7 i=0;i<b.o;++i){7 c=b[i];j(c.1n!==a)c=Y;1o y(7 d=c.Z;d&&d!==3.10;d=d.1p){j(d.1q.1r()==='X'){c=Y;1s}}j(c)x.1t(W(V(U(c.1u))))}8 x}6 z(a){7 b=3.9('1v'),t=3.9('t');t.2(3.11(a));b.2(t);8 b}6 u(a,b){7 c=z(a);y(7 i=0;i<b.o;++i){7 d=3.9('1w'),k=a+''+i,A=p(k,' 1x 12 1yü13:'),B=q('1z',k);B.r=k;d.1A=1B;d.1C=5;d.C=b[i];c.2(B);c.2(A);c.2(3.9('m'));c.2(d);c.2(3.9('m'))}8 c}6 p(a,b){7 c=3.9('A');c.1D=a;c.2(3.11(b));8 c}6 q(a,b,c,d){7 e=3.9('14');e.15=a;e.k=b;e.C=c||'';e.1E=d||D;8 e}6 v(a,b){7 c=3.9('14');c.15='1F';c.C=a;c.k=b||'';8 c}6 16(){7 a=z('1G'),E=q('F','G','w',1H),17=p('w-l',' 18 4.1I'),H=q('F','G','I',D),19=p('I-l',' 1J 1.1'),J=q('F','G','K',D),1a=p('K-l',' 1K');E.r='w-l';H.r='I-l';J.r='K-l';a.2(E);a.2(17);a.2(3.9('m'));a.2(H);a.2(19);a.2(3.9('m'));a.2(J);a.2(1a);8 a}6 1b(){}6 1c(){}6 1d(){1e.L.Z.1L(1e.L)}6 1f(){7 a=3.9('L'),M=v('12 1Mü13'),N=v('1N 1O'),O=v('1P 1Qß1R'),P=s('1S'),Q=s('w'),R=s('1T');a.r='1U';a.f.1V='1W';a.f.1X='1Y';a.f.1Z='20';a.f.21='22';a.f.23='0';a.f.24='0';a.f.25='1g%';a.f.26='1g%';j(Q.o)a.2(u('18 S',Q));j(P.o)a.2(u('27 S',P));j(R.o)a.2(u('28 S',R));M.T=1b;N.T=1c;O.T=1d;a.2(16());a.2(M);a.2(N);a.2(O);8 a}3.10.2(1f())})();',62,133,'||appendChild|document|||function|var|return|createElement||||||style||replace||if|name|tmp|br||length|createLabel|createBox|id|getCodes|legend|createCodeSet|createButton|html|codes|for|createFieldset|label|box|value|false|htmlBox|radio|template|xhtmlBox|xhtml|noneBox|none|form|codeButton|pageButton|closeButton|cssCodes|htmlCodes|jsCodes|Codes|onclick|br2nl|stripTags|unencode|code|null|parentNode|body|createTextNode|Code|gen|input|type|createTemplateSet|htmlLabel|HTML|xhtmlLabel|noneLabel|joinCodes|openPage|closeForm|this|createCodeForm|100|nbsp|lt|gt|quot|amp|getElementsByTagName|className|else|parenNode|nodeName|toLowerCase|break|push|innerHTML|fieldset|textarea|folgenden|hinzuf|checkbox|cols|50|rows|htmlFor|checked|button|Templates|true|01|XHTML|keines|removeChild|zusammenf|Seite|generieren|Formular|schlie|en|css|javascript|codesForm|background|white|display|block|overflow|scroll|position|fixed|left|top|width|height|CSS|JavaScript'.split('|'),0,{})))

Christoph